From a4c3fd260d8cdcfd459e9a83db367ed5faea2ca1 Mon Sep 17 00:00:00 2001 From: Bobby Date: Tue, 15 Mar 2022 21:06:31 -0400 Subject: repository page with pagination + user api + custom cursor and icons --- api/github.js | 91 +- package-lock.json | 256 ++- package.json | 3 +- public/index.html | 1 + public/views/about.html | 3 +- public/views/admin.html | 1 + public/views/repositories.html | 218 +- routes/api.js | 74 +- static/assets/css/custom-icons.css | 4367 ++++++++++++++++++++++++++++++++++++ static/assets/css/custom.css | 14 + 10 files changed, 4925 insertions(+), 103 deletions(-) create mode 100644 static/assets/css/custom-icons.css create mode 100644 static/assets/css/custom.css diff --git a/api/github.js b/api/github.js index d08663f..318d084 100644 --- a/api/github.js +++ b/api/github.js @@ -1,21 +1,80 @@ -const { Octokit } = require("@octokit/rest"); +const { Octokit: OctokitRest } = require("@octokit/rest"); +const fetch = (...args) => + import("node-fetch").then(({ default: fetch }) => fetch(...args)); + +require("dotenv").config(); class Github { - octokit = null; - username = null; - constructor(username) { - this.octokit = new Octokit(); - this.username = username; - } - async getRepos(page) { - const { data } = await this.octokit.repos.listForUser({ - username: this.username, - type: "all", - sort: "updated", - per_page: 25, - page: page + octokit = null; + username = null; + constructor(username) { + this.octokitRest = new OctokitRest({ + auth: process.env.GITHUB_TOKEN, + }); + this.username = username; + } + async getRepos(page) { + const { data } = await this.octokitRest.repos.listForUser({ + username: this.username, + type: "all", + sort: "updated", + per_page: 10, + page: page, + }); + return data; + } + + async getUserDetails() { + const { data } = await this.octokitRest.users.getByUsername({ + username: this.username, + }); + return data; + } + + async getOneYearUserContributions() { + const body = { + query: `query { + user(login: "${this.username}") { + name + contributionsCollection { + contributionCalendar { + colors + totalContributions + weeks { + contributionDays { + color + contributionCount + date + weekday + } + firstDay + } + } + } + } + }`, + }; + const headers = { + Authorization: `bearer ${process.env.GITHUB_TOKEN}`, + }; + const response = await fetch("https://api.github.com/graphql", { + method: "POST", + body: JSON.stringify(body), + headers: headers, + }); + const data = await response.json(); + const contributionData = []; + data.data.user.contributionsCollection.contributionCalendar.weeks.forEach( + (week) => { + let weeklyContributionCount = 0; + + week.contributionDays.forEach((day) => { + weeklyContributionCount += day.contributionCount; }); - return data; - } + contributionData.push(weeklyContributionCount); + } + ); + return contributionData; + } } exports.Github = Github; diff --git a/package-lock.json b/package-lock.json index 5f66478..d7854d0 100644 --- a/package-lock.json +++ b/package-lock.json @@ -15,7 +15,8 @@ "dotenv": "^16.0.0", "ejs": "^3.1.6", "express": "^4.17.3", - "firebase-admin": "^10.0.2" + "firebase-admin": "^10.0.2", + "node-fetch": "^3.2.3" }, "devDependencies": { "nodemon": "^2.0.15" @@ -380,6 +381,25 @@ "once": "^1.4.0" } }, + "node_modules/@octokit/request/node_modules/node-fetch": { + "version": "2.6.7", + "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz", + "integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==", + "dependencies": { + "whatwg-url": "^5.0.0" + }, + "engines": { + "node": "4.x || >=6.0.0" + }, + "peerDependencies": { + "encoding": "^0.1.0" + }, + "peerDependenciesMeta": { + "encoding": { + "optional": true + } + } + }, "node_modules/@octokit/rest": { "version": "18.12.0", "resolved": "https://registry.npmjs.org/@octokit/rest/-/rest-18.12.0.tgz", @@ -1115,6 +1135,14 @@ "node": ">=8" } }, + "node_modules/data-uri-to-buffer": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.0.tgz", + "integrity": "sha512-Vr3mLBA8qWmcuschSLAOogKgQ/Jwxulv3RNE4FXnYWRGujzrRWQI4m12fQqRkwX06C0KanhLr4hK+GydchZsaA==", + "engines": { + "node": ">= 12" + } + }, "node_modules/date-and-time": { "version": "2.3.0", "resolved": "https://registry.npmjs.org/date-and-time/-/date-and-time-2.3.0.tgz", @@ -1396,6 +1424,28 @@ "node": ">=0.8.0" } }, + "node_modules/fetch-blob": { + "version": "3.1.5", + "resolved": "https://registry.npmjs.org/fetch-blob/-/fetch-blob-3.1.5.tgz", + "integrity": "sha512-N64ZpKqoLejlrwkIAnb9iLSA3Vx/kjgzpcDhygcqJ2KKjky8nCgUQ+dzXtbrLaWZGZNmNfQTsiQ0weZ1svglHg==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/jimmywarting" + }, + { + "type": "paypal", + "url": "https://paypal.me/jimmywarting" + } + ], + "dependencies": { + "node-domexception": "^1.0.0", + "web-streams-polyfill": "^3.0.3" + }, + "engines": { + "node": "^12.20 || >= 14.13" + } + }, "node_modules/filelist": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.2.tgz", @@ -1454,6 +1504,17 @@ "@google-cloud/storage": "^5.3.0" } }, + "node_modules/formdata-polyfill": { + "version": "4.0.10", + "resolved": "https://registry.npmjs.org/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz", + "integrity": "sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==", + "dependencies": { + "fetch-blob": "^3.1.2" + }, + "engines": { + "node": ">=12.20.0" + } + }, "node_modules/forwarded": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz", @@ -1506,6 +1567,26 @@ "node": ">=10" } }, + "node_modules/gaxios/node_modules/node-fetch": { + "version": "2.6.7", + "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz", + "integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==", + "optional": true, + "dependencies": { + "whatwg-url": "^5.0.0" + }, + "engines": { + "node": "4.x || >=6.0.0" + }, + "peerDependencies": { + "encoding": "^0.1.0" + }, + "peerDependenciesMeta": { + "encoding": { + "optional": true + } + } + }, "node_modules/gcp-metadata": { "version": "4.3.1", "resolved": "https://registry.npmjs.org/gcp-metadata/-/gcp-metadata-4.3.1.tgz", @@ -1614,6 +1695,26 @@ "node": ">=10" } }, + "node_modules/google-gax/node_modules/node-fetch": { + "version": "2.6.7", + "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz", + "integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==", + "optional": true, + "dependencies": { + "whatwg-url": "^5.0.0" + }, + "engines": { + "node": "4.x || >=6.0.0" + }, + "peerDependencies": { + "encoding": "^0.1.0" + }, + "peerDependenciesMeta": { + "encoding": { + "optional": true + } + } + }, "node_modules/google-p12-pem": { "version": "3.1.3", "resolved": "https://registry.npmjs.org/google-p12-pem/-/google-p12-pem-3.1.3.tgz", @@ -2424,23 +2525,39 @@ "node": ">= 0.6" } }, + "node_modules/node-domexception": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz", + "integrity": "sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/jimmywarting" + }, + { + "type": "github", + "url": "https://paypal.me/jimmywarting" + } + ], + "engines": { + "node": ">=10.5.0" + } + }, "node_modules/node-fetch": { - "version": "2.6.7", - "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz", - "integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==", + "version": "3.2.3", + "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-3.2.3.tgz", + "integrity": "sha512-AXP18u4pidSZ1xYXRDPY/8jdv3RAozIt/WLNR/MBGZAz+xjtlr90RvCnsvHQRiXyWliZF/CpytExp32UU67/SA==", "dependencies": { - "whatwg-url": "^5.0.0" + "data-uri-to-buffer": "^4.0.0", + "fetch-blob": "^3.1.4", + "formdata-polyfill": "^4.0.10" }, "engines": { - "node": "4.x || >=6.0.0" + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" }, - "peerDependencies": { - "encoding": "^0.1.0" - }, - "peerDependenciesMeta": { - "encoding": { - "optional": true - } + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/node-fetch" } }, "node_modules/node-forge": { @@ -3124,6 +3241,26 @@ "node": ">=10" } }, + "node_modules/teeny-request/node_modules/node-fetch": { + "version": "2.6.7", + "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz", + "integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==", + "optional": true, + "dependencies": { + "whatwg-url": "^5.0.0" + }, + "engines": { + "node": "4.x || >=6.0.0" + }, + "peerDependencies": { + "encoding": "^0.1.0" + }, + "peerDependenciesMeta": { + "encoding": { + "optional": true + } + } + }, "node_modules/to-readable-stream": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/to-readable-stream/-/to-readable-stream-1.0.0.tgz", @@ -3325,6 +3462,14 @@ "node": ">= 0.8" } }, + "node_modules/web-streams-polyfill": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.2.0.tgz", + "integrity": "sha512-EqPmREeOzttaLRm5HS7io98goBgZ7IVz79aDvqjD0kYXLtFZTc0T/U6wHTPKyIjb+MdN7DFIIX6hgdBEpWmfPA==", + "engines": { + "node": ">= 8" + } + }, "node_modules/webidl-conversions": { "version": "3.0.1", "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz", @@ -3767,6 +3912,16 @@ "is-plain-object": "^5.0.0", "node-fetch": "^2.6.7", "universal-user-agent": "^6.0.0" + }, + "dependencies": { + "node-fetch": { + "version": "2.6.7", + "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz", + "integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==", + "requires": { + "whatwg-url": "^5.0.0" + } + } } }, "@octokit/request-error": { @@ -4370,6 +4525,11 @@ "integrity": "sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==", "devOptional": true }, + "data-uri-to-buffer": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.0.tgz", + "integrity": "sha512-Vr3mLBA8qWmcuschSLAOogKgQ/Jwxulv3RNE4FXnYWRGujzrRWQI4m12fQqRkwX06C0KanhLr4hK+GydchZsaA==" + }, "date-and-time": { "version": "2.3.0", "resolved": "https://registry.npmjs.org/date-and-time/-/date-and-time-2.3.0.tgz", @@ -4603,6 +4763,15 @@ "websocket-driver": ">=0.5.1" } }, + "fetch-blob": { + "version": "3.1.5", + "resolved": "https://registry.npmjs.org/fetch-blob/-/fetch-blob-3.1.5.tgz", + "integrity": "sha512-N64ZpKqoLejlrwkIAnb9iLSA3Vx/kjgzpcDhygcqJ2KKjky8nCgUQ+dzXtbrLaWZGZNmNfQTsiQ0weZ1svglHg==", + "requires": { + "node-domexception": "^1.0.0", + "web-streams-polyfill": "^3.0.3" + } + }, "filelist": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.2.tgz", @@ -4650,6 +4819,14 @@ "node-forge": "^1.0.0" } }, + "formdata-polyfill": { + "version": "4.0.10", + "resolved": "https://registry.npmjs.org/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz", + "integrity": "sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==", + "requires": { + "fetch-blob": "^3.1.2" + } + }, "forwarded": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz", @@ -4684,6 +4861,17 @@ "https-proxy-agent": "^5.0.0", "is-stream": "^2.0.0", "node-fetch": "^2.6.1" + }, + "dependencies": { + "node-fetch": { + "version": "2.6.7", + "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz", + "integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==", + "optional": true, + "requires": { + "whatwg-url": "^5.0.0" + } + } } }, "gcp-metadata": { @@ -4765,6 +4953,17 @@ "proto3-json-serializer": "^0.1.8", "protobufjs": "6.11.2", "retry-request": "^4.0.0" + }, + "dependencies": { + "node-fetch": { + "version": "2.6.7", + "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz", + "integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==", + "optional": true, + "requires": { + "whatwg-url": "^5.0.0" + } + } } }, "google-p12-pem": { @@ -5410,12 +5609,19 @@ "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz", "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==" }, + "node-domexception": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz", + "integrity": "sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==" + }, "node-fetch": { - "version": "2.6.7", - "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz", - "integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==", + "version": "3.2.3", + "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-3.2.3.tgz", + "integrity": "sha512-AXP18u4pidSZ1xYXRDPY/8jdv3RAozIt/WLNR/MBGZAz+xjtlr90RvCnsvHQRiXyWliZF/CpytExp32UU67/SA==", "requires": { - "whatwg-url": "^5.0.0" + "data-uri-to-buffer": "^4.0.0", + "fetch-blob": "^3.1.4", + "formdata-polyfill": "^4.0.10" } }, "node-forge": { @@ -5942,6 +6148,17 @@ "node-fetch": "^2.6.1", "stream-events": "^1.0.5", "uuid": "^8.0.0" + }, + "dependencies": { + "node-fetch": { + "version": "2.6.7", + "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz", + "integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==", + "optional": true, + "requires": { + "whatwg-url": "^5.0.0" + } + } } }, "to-readable-stream": { @@ -6096,6 +6313,11 @@ "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=" }, + "web-streams-polyfill": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.2.0.tgz", + "integrity": "sha512-EqPmREeOzttaLRm5HS7io98goBgZ7IVz79aDvqjD0kYXLtFZTc0T/U6wHTPKyIjb+MdN7DFIIX6hgdBEpWmfPA==" + }, "webidl-conversions": { "version": "3.0.1", "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz", diff --git a/package.json b/package.json index 06ac7a0..22b5ec5 100644 --- a/package.json +++ b/package.json @@ -24,7 +24,8 @@ "dotenv": "^16.0.0", "ejs": "^3.1.6", "express": "^4.17.3", - "firebase-admin": "^10.0.2" + "firebase-admin": "^10.0.2", + "node-fetch": "^3.2.3" }, "devDependencies": { "nodemon": "^2.0.15" diff --git a/public/index.html b/public/index.html index 0f225bc..41ff0ec 100644 --- a/public/index.html +++ b/public/index.html @@ -10,6 +10,7 @@ + diff --git a/public/views/about.html b/public/views/about.html index 148b55d..2b6f4e7 100644 --- a/public/views/about.html +++ b/public/views/about.html @@ -10,6 +10,7 @@ + @@ -35,21 +42,33 @@

Repositories

+
+
+ +
+ +
+
+
+
+ +
+
- - - - - - - - - - - - - -
NameDescriptionLanguageStarsForksLicense
@@ -57,41 +76,152 @@ diff --git a/routes/api.js b/routes/api.js index 4dafcf2..4b72d05 100644 --- a/routes/api.js +++ b/routes/api.js @@ -3,31 +3,57 @@ const router = express.Router(); const { Github } = require("../api/github"); const github = new Github("luciferreeves"); -router.get('/repos', (req, res) => { - const page = req.query.page || 1; - github.getRepos(page).then(repos => { - const count = repos.length; - const repositories = []; - repos.forEach(repo => { - repositories.push({ - name: repo.name, - description: repo.description, - url: repo.html_url, - language: repo.language, - stars: repo.stargazers_count, - forks: repo.forks_count, - issues: repo.open_issues_count, - license: repo.license ? repo.license.name : null, - updated: repo.updated_at, - created: repo.created_at - }); - }); - res.json({ - count: count, - repositories: repositories +router.get("/repos", (req, res) => { + const page = req.query.page || 1; + github.getRepos(page).then((repos) => { + github.getRepos(parseInt(page) + 1).then((repos2) => { + const count = repos.length; + const count2 = repos2.length; + const repositories = []; + repos.forEach((repo) => { + repositories.push({ + name: repo.name, + description: repo.description, + url: repo.html_url, + language: repo.language, + stars: repo.stargazers_count, + forks: repo.forks_count, + issues: repo.open_issues_count, + license: repo.license ? repo.license.name : null, + updated: repo.updated_at, + created: repo.created_at, }); + }); + res.json({ + count: count, + countNext: count2, + repositories: repositories, + }); }); -}) + }); +}); +router.get("/user", (req, res) => { + github.getUserDetails().then((user) => { + github.getOneYearUserContributions().then((contributions) => { + res.json({ + user: { + login: user.login, + name: user.name, + avatar: user.avatar_url, + location: user.location, + bio: user.bio, + url: user.html_url, + followers: user.followers, + following: user.following, + company: user.company, + twitter: user.twitter_username, + blog: user.blog, + }, + contributions: contributions, + }); + }); + }); +}); -module.exports = router; \ No newline at end of file +module.exports = router; diff --git a/static/assets/css/custom-icons.css b/static/assets/css/custom-icons.css new file mode 100644 index 0000000..229c331 --- /dev/null +++ b/static/assets/css/custom-icons.css @@ -0,0 +1,4367 @@ +.tcs-icon { + position: relative; + display: inline-block; + width: 16px; + height: 16px; + margin-right: 16px; + margin-bottom: 16px; + transform: scale(2); + transform-origin: top left; +} + +.tcs-icon.is-small { + margin: 0; + transform: scale(1); +} + +.tcs-icon.is-medium { + margin-right: 32px; + margin-bottom: 32px; + transform: scale(3); +} + +.tcs-icon.is-large { + margin-right: 48px; + margin-bottom: 48px; + transform: scale(4); +} + +.tcs-icon::before { + position: absolute; + top: -1px; + left: -1px; + display: block; + content: ""; + background: transparent; +} + +.tcs-icon.heart::before { + width: 1px; + height: 1px; + color: #f22426; + box-shadow: 3px 2px #444, 4px 2px #444, 5px 2px #444, 11px 2px #444, + 12px 2px #444, 13px 2px #444, 2px 3px #444, 3px 3px, 4px 3px, 5px 3px, + 6px 3px #444, 10px 3px #444, 11px 3px, 12px 3px, 13px 3px #842300, + 14px 3px #444, 1px 4px #444, 2px 4px, 3px 4px #fff, 4px 4px #fff, 5px 4px, + 6px 4px, 7px 4px #444, 9px 4px #444, 10px 4px, 11px 4px, 12px 4px, 13px 4px, + 14px 4px #842300, 15px 4px #444, 1px 5px #444, 2px 5px, 3px 5px #fff, + 4px 5px, 5px 5px, 6px 5px, 7px 5px, 8px 5px #444, 9px 5px, 10px 5px, + 11px 5px, 12px 5px, 13px 5px, 14px 5px #842300, 15px 5px #444, 1px 6px #444, + 2px 6px, 3px 6px, 4px 6px, 5px 6px, 6px 6px, 7px 6px, 8px 6px, 9px 6px, + 10px 6px, 11px 6px, 12px 6px, 13px 6px, 14px 6px #842300, 15px 6px #444, + 1px 7px #444, 2px 7px, 3px 7px, 4px 7px, 5px 7px, 6px 7px, 7px 7px, 8px 7px, + 9px 7px, 10px 7px, 11px 7px, 12px 7px, 13px 7px, 14px 7px #842300, + 15px 7px #444, 1px 8px #444, 2px 8px, 3px 8px, 4px 8px, 5px 8px, 6px 8px, + 7px 8px, 8px 8px, 9px 8px, 10px 8px, 11px 8px, 12px 8px, 13px 8px, + 14px 8px #842300, 15px 8px #444, 2px 9px #444, 3px 9px, 4px 9px, 5px 9px, + 6px 9px, 7px 9px, 8px 9px, 9px 9px, 10px 9px, 11px 9px, 12px 9px, + 13px 9px #842300, 14px 9px #444, 3px 10px #444, 4px 10px, 5px 10px, 6px 10px, + 7px 10px, 8px 10px, 9px 10px, 10px 10px, 11px 10px, 12px 10px #842300, + 13px 10px #444, 4px 11px #444, 5px 11px, 6px 11px, 7px 11px, 8px 11px, + 9px 11px, 10px 11px, 11px 11px #842300, 12px 11px #444, 5px 12px #444, + 6px 12px, 7px 12px, 8px 12px, 9px 12px, 10px 12px #842300, 11px 12px #444, + 6px 13px #444, 7px 13px, 8px 13px, 9px 13px #842300, 10px 13px #444, + 7px 14px #444, 8px 14px #842300, 9px 14px #444, 8px 15px #444; +} + +@supports (-moz-appearance: meterbar) { + .tcs-icon.heart::before { + box-shadow: 3px 2px 0 0.02em #444, 4px 2px 0 0.02em #444, + 5px 2px 0 0.02em #444, 11px 2px 0 0.02em #444, 12px 2px 0 0.02em #444, + 13px 2px 0 0.02em #444, 2px 3px 0 0.02em #444, 3px 3px 0 0.02em, + 4px 3px 0 0.02em, 5px 3px 0 0.02em, 6px 3px 0 0.02em #444, + 10px 3px 0 0.02em #444, 11px 3px 0 0.02em, 12px 3px 0 0.02em, + 13px 3px 0 0.02em #842300, 14px 3px 0 0.02em #444, 1px 4px 0 0.02em #444, + 2px 4px 0 0.02em, 3px 4px 0 0.02em #fff, 4px 4px 0 0.02em #fff, + 5px 4px 0 0.02em, 6px 4px 0 0.02em, 7px 4px 0 0.02em #444, + 9px 4px 0 0.02em #444, 10px 4px 0 0.02em, 11px 4px 0 0.02em, + 12px 4px 0 0.02em, 13px 4px 0 0.02em, 14px 4px 0 0.02em #842300, + 15px 4px 0 0.02em #444, 1px 5px 0 0.02em #444, 2px 5px 0 0.02em, + 3px 5px 0 0.02em #fff, 4px 5px 0 0.02em, 5px 5px 0 0.02em, + 6px 5px 0 0.02em, 7px 5px 0 0.02em, 8px 5px 0 0.02em #444, + 9px 5px 0 0.02em, 10px 5px 0 0.02em, 11px 5px 0 0.02em, 12px 5px 0 0.02em, + 13px 5px 0 0.02em, 14px 5px 0 0.02em #842300, 15px 5px 0 0.02em #444, + 1px 6px 0 0.02em #444, 2px 6px 0 0.02em, 3px 6px 0 0.02em, + 4px 6px 0 0.02em, 5px 6px 0 0.02em, 6px 6px 0 0.02em, 7px 6px 0 0.02em, + 8px 6px 0 0.02em, 9px 6px 0 0.02em, 10px 6px 0 0.02em, 11px 6px 0 0.02em, + 12px 6px 0 0.02em, 13px 6px 0 0.02em, 14px 6px 0 0.02em #842300, + 15px 6px 0 0.02em #444, 1px 7px 0 0.02em #444, 2px 7px 0 0.02em, + 3px 7px 0 0.02em, 4px 7px 0 0.02em, 5px 7px 0 0.02em, 6px 7px 0 0.02em, + 7px 7px 0 0.02em, 8px 7px 0 0.02em, 9px 7px 0 0.02em, 10px 7px 0 0.02em, + 11px 7px 0 0.02em, 12px 7px 0 0.02em, 13px 7px 0 0.02em, + 14px 7px 0 0.02em #842300, 15px 7px 0 0.02em #444, 1px 8px 0 0.02em #444, + 2px 8px 0 0.02em, 3px 8px 0 0.02em, 4px 8px 0 0.02em, 5px 8px 0 0.02em, + 6px 8px 0 0.02em, 7px 8px 0 0.02em, 8px 8px 0 0.02em, 9px 8px 0 0.02em, + 10px 8px 0 0.02em, 11px 8px 0 0.02em, 12px 8px 0 0.02em, 13px 8px 0 0.02em, + 14px 8px 0 0.02em #842300, 15px 8px 0 0.02em #444, 2px 9px 0 0.02em #444, + 3px 9px 0 0.02em, 4px 9px 0 0.02em, 5px 9px 0 0.02em, 6px 9px 0 0.02em, + 7px 9px 0 0.02em, 8px 9px 0 0.02em, 9px 9px 0 0.02em, 10px 9px 0 0.02em, + 11px 9px 0 0.02em, 12px 9px 0 0.02em, 13px 9px 0 0.02em #842300, + 14px 9px 0 0.02em #444, 3px 10px 0 0.02em #444, 4px 10px 0 0.02em, + 5px 10px 0 0.02em, 6px 10px 0 0.02em, 7px 10px 0 0.02em, 8px 10px 0 0.02em, + 9px 10px 0 0.02em, 10px 10px 0 0.02em, 11px 10px 0 0.02em, + 12px 10px 0 0.02em #842300, 13px 10px 0 0.02em #444, + 4px 11px 0 0.02em #444, 5px 11px 0 0.02em, 6px 11px 0 0.02em, + 7px 11px 0 0.02em, 8px 11px 0 0.02em, 9px 11px 0 0.02em, + 10px 11px 0 0.02em, 11px 11px 0 0.02em #842300, 12px 11px 0 0.02em #444, + 5px 12px 0 0.02em #444, 6px 12px 0 0.02em, 7px 12px 0 0.02em, + 8px 12px 0 0.02em, 9px 12px 0 0.02em, 10px 12px 0 0.02em #842300, + 11px 12px 0 0.02em #444, 6px 13px 0 0.02em #444, 7px 13px 0 0.02em, + 8px 13px 0 0.02em, 9px 13px 0 0.02em #842300, 10px 13px 0 0.02em #444, + 7px 14px 0 0.02em #444, 8px 14px 0 0.02em #842300, 9px 14px 0 0.02em #444, + 8px 15px 0 0.02em #444; + } +} + +.tcs-icon.heart.is-half::before { + width: 1px; + height: 1px; + color: #f22426; + box-shadow: 3px 2px #444, 4px 2px #444, 5px 2px #444, 11px 2px #444, + 12px 2px #444, 13px 2px #444, 2px 3px #444, 3px 3px, 4px 3px, 5px 3px, + 6px 3px #444, 10px 3px #444, 14px 3px #444, 1px 4px #444, 2px 4px, + 3px 4px #fff, 4px 4px #fff, 5px 4px, 6px 4px, 7px 4px #444, 9px 4px #444, + 15px 4px #444, 1px 5px #444, 2px 5px, 3px 5px #fff, 4px 5px, 5px 5px, + 6px 5px, 7px 5px, 8px 5px #444, 15px 5px #444, 1px 6px #444, 2px 6px, + 3px 6px, 4px 6px, 5px 6px, 6px 6px, 7px 6px, 8px 6px, 15px 6px #444, + 1px 7px #444, 2px 7px, 3px 7px, 4px 7px, 5px 7px, 6px 7px, 7px 7px, 8px 7px, + 15px 7px #444, 1px 8px #444, 2px 8px, 3px 8px, 4px 8px, 5px 8px, 6px 8px, + 7px 8px, 8px 8px, 15px 8px #444, 2px 9px #444, 3px 9px, 4px 9px, 5px 9px, + 6px 9px, 7px 9px, 8px 9px, 14px 9px #444, 3px 10px #444, 4px 10px, 5px 10px, + 6px 10px, 7px 10px, 8px 10px, 13px 10px #444, 4px 11px #444, 5px 11px, + 6px 11px, 7px 11px, 8px 11px, 12px 11px #444, 5px 12px #444, 6px 12px, + 7px 12px, 8px 12px, 11px 12px #444, 6px 13px #444, 7px 13px, 8px 13px, + 10px 13px #444, 7px 14px #444, 8px 14px #842300, 9px 14px #444, + 8px 15px #444; +} + +@supports (-moz-appearance: meterbar) { + .tcs-icon.heart.is-half::before { + box-shadow: 3px 2px 0 0.02em #444, 4px 2px 0 0.02em #444, + 5px 2px 0 0.02em #444, 11px 2px 0 0.02em #444, 12px 2px 0 0.02em #444, + 13px 2px 0 0.02em #444, 2px 3px 0 0.02em #444, 3px 3px 0 0.02em, + 4px 3px 0 0.02em, 5px 3px 0 0.02em, 6px 3px 0 0.02em #444, + 10px 3px 0 0.02em #444, 14px 3px 0 0.02em #444, 1px 4px 0 0.02em #444, + 2px 4px 0 0.02em, 3px 4px 0 0.02em #fff, 4px 4px 0 0.02em #fff, + 5px 4px 0 0.02em, 6px 4px 0 0.02em, 7px 4px 0 0.02em #444, + 9px 4px 0 0.02em #444, 15px 4px 0 0.02em #444, 1px 5px 0 0.02em #444, + 2px 5px 0 0.02em, 3px 5px 0 0.02em #fff, 4px 5px 0 0.02em, + 5px 5px 0 0.02em, 6px 5px 0 0.02em, 7px 5px 0 0.02em, + 8px 5px 0 0.02em #444, 15px 5px 0 0.02em #444, 1px 6px 0 0.02em #444, + 2px 6px 0 0.02em, 3px 6px 0 0.02em, 4px 6px 0 0.02em, 5px 6px 0 0.02em, + 6px 6px 0 0.02em, 7px 6px 0 0.02em, 8px 6px 0 0.02em, + 15px 6px 0 0.02em #444, 1px 7px 0 0.02em #444, 2px 7px 0 0.02em, + 3px 7px 0 0.02em, 4px 7px 0 0.02em, 5px 7px 0 0.02em, 6px 7px 0 0.02em, + 7px 7px 0 0.02em, 8px 7px 0 0.02em, 15px 7px 0 0.02em #444, + 1px 8px 0 0.02em #444, 2px 8px 0 0.02em, 3px 8px 0 0.02em, + 4px 8px 0 0.02em, 5px 8px 0 0.02em, 6px 8px 0 0.02em, 7px 8px 0 0.02em, + 8px 8px 0 0.02em, 15px 8px 0 0.02em #444, 2px 9px 0 0.02em #444, + 3px 9px 0 0.02em, 4px 9px 0 0.02em, 5px 9px 0 0.02em, 6px 9px 0 0.02em, + 7px 9px 0 0.02em, 8px 9px 0 0.02em, 14px 9px 0 0.02em #444, + 3px 10px 0 0.02em #444, 4px 10px 0 0.02em, 5px 10px 0 0.02em, + 6px 10px 0 0.02em, 7px 10px 0 0.02em, 8px 10px 0 0.02em, + 13px 10px 0 0.02em #444, 4px 11px 0 0.02em #444, 5px 11px 0 0.02em, + 6px 11px 0 0.02em, 7px 11px 0 0.02em, 8px 11px 0 0.02em, + 12px 11px 0 0.02em #444, 5px 12px 0 0.02em #444, 6px 12px 0 0.02em, + 7px 12px 0 0.02em, 8px 12px 0 0.02em, 11px 12px 0 0.02em #444, + 6px 13px 0 0.02em #444, 7px 13px 0 0.02em, 8px 13px 0 0.02em, + 10px 13px 0 0.02em #444, 7px 14px 0 0.02em #444, 8px 14px 0 0.02em #842300, + 9px 14px 0 0.02em #444, 8px 15px 0 0.02em #444; + } +} + +.tcs-icon.heart.is-transparent::before { + width: 1px; + height: 1px; + color: #444; + box-shadow: 3px 2px, 4px 2px, 5px 2px, 11px 2px, 12px 2px, 13px 2px, 2px 3px, + 6px 3px, 10px 3px, 14px 3px, 1px 4px, 7px 4px, 9px 4px, 15px 4px, 1px 5px, + 8px 5px, 15px 5px, 1px 6px, 15px 6px, 1px 7px, 15px 7px, 1px 8px, 15px 8px, + 2px 9px, 14px 9px, 3px 10px, 13px 10px, 4px 11px, 12px 11px, 5px 12px, + 11px 12px, 6px 13px, 10px 13px, 7px 14px, 9px 14px, 8px 15px; +} + +@supports (-moz-appearance: meterbar) { + .tcs-icon.heart.is-transparent::before { + box-shadow: 3px 2px 0 0.02em, 4px 2px 0 0.02em, 5px 2px 0 0.02em, + 11px 2px 0 0.02em, 12px 2px 0 0.02em, 13px 2px 0 0.02em, 2px 3px 0 0.02em, + 6px 3px 0 0.02em, 10px 3px 0 0.02em, 14px 3px 0 0.02em, 1px 4px 0 0.02em, + 7px 4px 0 0.02em, 9px 4px 0 0.02em, 15px 4px 0 0.02em, 1px 5px 0 0.02em, + 8px 5px 0 0.02em, 15px 5px 0 0.02em, 1px 6px 0 0.02em, 15px 6px 0 0.02em, + 1px 7px 0 0.02em, 15px 7px 0 0.02em, 1px 8px 0 0.02em, 15px 8px 0 0.02em, + 2px 9px 0 0.02em, 14px 9px 0 0.02em, 3px 10px 0 0.02em, 13px 10px 0 0.02em, + 4px 11px 0 0.02em, 12px 11px 0 0.02em, 5px 12px 0 0.02em, + 11px 12px 0 0.02em, 6px 13px 0 0.02em, 10px 13px 0 0.02em, + 7px 14px 0 0.02em, 9px 14px 0 0.02em, 8px 15px 0 0.02em; + } +} + +.tcs-icon.heart.is-empty::before { + width: 1px; + height: 1px; + color: #adafbb; + box-shadow: 3px 2px, 4px 2px, 5px 2px, 11px 2px, 12px 2px, 13px 2px, 2px 3px, + 6px 3px, 10px 3px, 14px 3px, 1px 4px, 7px 4px, 9px 4px, 15px 4px, 1px 5px, + 8px 5px, 15px 5px, 1px 6px, 15px 6px, 1px 7px, 15px 7px, 1px 8px, 15px 8px, + 2px 9px, 14px 9px, 3px 10px, 13px 10px, 4px 11px, 12px 11px, 5px 12px, + 11px 12px, 6px 13px, 10px 13px, 7px 14px, 9px 14px, 8px 15px; +} + +@supports (-moz-appearance: meterbar) { + .tcs-icon.heart.is-empty::before { + box-shadow: 3px 2px 0 0.02em, 4px 2px 0 0.02em, 5px 2px 0 0.02em, + 11px 2px 0 0.02em, 12px 2px 0 0.02em, 13px 2px 0 0.02em, 2px 3px 0 0.02em, + 6px 3px 0 0.02em, 10px 3px 0 0.02em, 14px 3px 0 0.02em, 1px 4px 0 0.02em, + 7px 4px 0 0.02em, 9px 4px 0 0.02em, 15px 4px 0 0.02em, 1px 5px 0 0.02em, + 8px 5px 0 0.02em, 15px 5px 0 0.02em, 1px 6px 0 0.02em, 15px 6px 0 0.02em, + 1px 7px 0 0.02em, 15px 7px 0 0.02em, 1px 8px 0 0.02em, 15px 8px 0 0.02em, + 2px 9px 0 0.02em, 14px 9px 0 0.02em, 3px 10px 0 0.02em, 13px 10px 0 0.02em, + 4px 11px 0 0.02em, 12px 11px 0 0.02em, 5px 12px 0 0.02em, + 11px 12px 0 0.02em, 6px 13px 0 0.02em, 10px 13px 0 0.02em, + 7px 14px 0 0.02em, 9px 14px 0 0.02em, 8px 15px 0 0.02em; + } +} + +.tcs-icon.star::before { + width: 1px; + height: 1px; + color: #ebe527; + box-shadow: 8px 1px #444, 7px 2px #444, 8px 2px, 9px 2px #444, 7px 3px #444, + 8px 3px, 9px 3px #444, 6px 4px #444, 7px 4px, 8px 4px, 9px 4px, + 10px 4px #444, 6px 5px #444, 7px 5px #fff, 8px 5px #fff, 9px 5px, + 10px 5px #444, 1px 6px #444, 2px 6px #444, 3px 6px #444, 4px 6px #444, + 5px 6px #444, 6px 6px #444, 7px 6px #fff, 8px 6px, 9px 6px, 10px 6px, + 11px 6px #444, 12px 6px #444, 13px 6px #444, 14px 6px #444, 15px 6px #444, + 1px 7px #444, 2px 7px, 3px 7px, 4px 7px, 5px 7px #fff, 6px 7px #fff, 7px 7px, + 8px 7px, 9px 7px, 10px 7px, 11px 7px, 12px 7px, 13px 7px, 14px 7px, + 15px 7px #444, 2px 8px #444, 3px 8px, 4px 8px, 5px 8px #fff, 6px 8px, + 7px 8px, 8px 8px, 9px 8px, 10px 8px, 11px 8px, 12px 8px, 13px 8px #f59f54, + 14px 8px #444, 3px 9px #444, 4px 9px, 5px 9px, 6px 9px, 7px 9px, 8px 9px, + 9px 9px, 10px 9px, 11px 9px #f59f54, 12px 9px #f59f54, 13px 9px #444, + 4px 10px #444, 5px 10px, 6px 10px, 7px 10px, 8px 10px, 9px 10px, 10px 10px, + 11px 10px, 12px 10px #444, 3px 11px #444, 4px 11px, 5px 11px, 6px 11px, + 7px 11px, 8px 11px #f59f54, 9px 11px, 10px 11px, 11px 11px, 12px 11px, + 13px 11px #444, 3px 12px #444, 4px 12px, 5px 12px, 6px 12px, + 7px 12px #f59f54, 8px 12px #f59f54, 9px 12px #f59f54, 10px 12px, 11px 12px, + 12px 12px, 13px 12px #444, 2px 13px #444, 3px 13px, 4px 13px, + 5px 13px #f59f54, 6px 13px #f59f54, 7px 13px #f59f54, 8px 13px #444, + 9px 13px #f59f54, 10px 13px #f59f54, 11px 13px #f59f54, 12px 13px, 13px 13px, + 14px 13px #444, 2px 14px #444, 3px 14px, 4px 14px #f59f54, 5px 14px #f59f54, + 6px 14px #444, 7px 14px #444, 9px 14px #444, 10px 14px #444, + 11px 14px #f59f54, 12px 14px #f59f54, 13px 14px, 14px 14px #444, + 1px 15px #444, 2px 15px #f59f54, 3px 15px #f59f54, 4px 15px #444, + 5px 15px #444, 11px 15px #444, 12px 15px #444, 13px 15px #f59f54, + 14px 15px #f59f54, 15px 15px #444, 1px 16px #444, 2px 16px #444, + 3px 16px #444, 13px 16px #444, 14px 16px #444, 15px 16px #444; +} + +@supports (-moz-appearance: meterbar) { + .tcs-icon.star::before { + box-shadow: 8px 1px 0 0.02em #444, 7px 2px 0 0.02em #444, 8px 2px 0 0.02em, + 9px 2px 0 0.02em #444, 7px 3px 0 0.02em #444, 8px 3px 0 0.02em, + 9px 3px 0 0.02em #444, 6px 4px 0 0.02em #444, 7px 4px 0 0.02em, + 8px 4px 0 0.02em, 9px 4px 0 0.02em, 10px 4px 0 0.02em #444, + 6px 5px 0 0.02em #444, 7px 5px 0 0.02em #fff, 8px 5px 0 0.02em #fff, + 9px 5px 0 0.02em, 10px 5px 0 0.02em #444, 1px 6px 0 0.02em #444, + 2px 6px 0 0.02em #444, 3px 6px 0 0.02em #444, 4px 6px 0 0.02em #444, + 5px 6px 0 0.02em #444, 6px 6px 0 0.02em #444, 7px 6px 0 0.02em #fff, + 8px 6px 0 0.02em, 9px 6px 0 0.02em, 10px 6px 0 0.02em, + 11px 6px 0 0.02em #444, 12px 6px 0 0.02em #444, 13px 6px 0 0.02em #444, + 14px 6px 0 0.02em #444, 15px 6px 0 0.02em #444, 1px 7px 0 0.02em #444, + 2px 7px 0 0.02em, 3px 7px 0 0.02em, 4px 7px 0 0.02em, + 5px 7px 0 0.02em #fff, 6px 7px 0 0.02em #fff, 7px 7px 0 0.02em, + 8px 7px 0 0.02em, 9px 7px 0 0.02em, 10px 7px 0 0.02em, 11px 7px 0 0.02em, + 12px 7px 0 0.02em, 13px 7px 0 0.02em, 14px 7px 0 0.02em, + 15px 7px 0 0.02em #444, 2px 8px 0 0.02em #444, 3px 8px 0 0.02em, + 4px 8px 0 0.02em, 5px 8px 0 0.02em #fff, 6px 8px 0 0.02em, + 7px 8px 0 0.02em, 8px 8px 0 0.02em, 9px 8px 0 0.02em, 10px 8px 0 0.02em, + 11px 8px 0 0.02em, 12px 8px 0 0.02em, 13px 8px 0 0.02em #f59f54, + 14px 8px 0 0.02em #444, 3px 9px 0 0.02em #444, 4px 9px 0 0.02em, + 5px 9px 0 0.02em, 6px 9px 0 0.02em, 7px 9px 0 0.02em, 8px 9px 0 0.02em, + 9px 9px 0 0.02em, 10px 9px 0 0.02em, 11px 9px 0 0.02em #f59f54, + 12px 9px 0 0.02em #f59f54, 13px 9px 0 0.02em #444, 4px 10px 0 0.02em #444, + 5px 10px 0 0.02em, 6px 10px 0 0.02em, 7px 10px 0 0.02em, 8px 10px 0 0.02em, + 9px 10px 0 0.02em, 10px 10px 0 0.02em, 11px 10px 0 0.02em, + 12px 10px 0 0.02em #444, 3px 11px 0 0.02em #444, 4px 11px 0 0.02em, + 5px 11px 0 0.02em, 6px 11px 0 0.02em, 7px 11px 0 0.02em, + 8px 11px 0 0.02em #f59f54, 9px 11px 0 0.02em, 10px 11px 0 0.02em, + 11px 11px 0 0.02em, 12px 11px 0 0.02em, 13px 11px 0 0.02em #444, + 3px 12px 0 0.02em #444, 4px 12px 0 0.02em, 5px 12px 0 0.02em, + 6px 12px 0 0.02em, 7px 12px 0 0.02em #f59f54, 8px 12px 0 0.02em #f59f54, + 9px 12px 0 0.02em #f59f54, 10px 12px 0 0.02em, 11px 12px 0 0.02em, + 12px 12px 0 0.02em, 13px 12px 0 0.02em #444, 2px 13px 0 0.02em #444, + 3px 13px 0 0.02em, 4px 13px 0 0.02em, 5px 13px 0 0.02em #f59f54, + 6px 13px 0 0.02em #f59f54, 7px 13px 0 0.02em #f59f54, + 8px 13px 0 0.02em #444, 9px 13px 0 0.02em #f59f54, + 10px 13px 0 0.02em #f59f54, 11px 13px 0 0.02em #f59f54, 12px 13px 0 0.02em, + 13px 13px 0 0.02em, 14px 13px 0 0.02em #444, 2px 14px 0 0.02em #444, + 3px 14px 0 0.02em, 4px 14px 0 0.02em #f59f54, 5px 14px 0 0.02em #f59f54, + 6px 14px 0 0.02em #444, 7px 14px 0 0.02em #444, 9px 14px 0 0.02em #444, + 10px 14px 0 0.02em #444, 11px 14px 0 0.02em #f59f54, + 12px 14px 0 0.02em #f59f54, 13px 14px 0 0.02em, 14px 14px 0 0.02em #444, + 1px 15px 0 0.02em #444, 2px 15px 0 0.02em #f59f54, + 3px 15px 0 0.02em #f59f54, 4px 15px 0 0.02em #444, 5px 15px 0 0.02em #444, + 11px 15px 0 0.02em #444, 12px 15px 0 0.02em #444, + 13px 15px 0 0.02em #f59f54, 14px 15px 0 0.02em #f59f54, + 15px 15px 0 0.02em #444, 1px 16px 0 0.02em #444, 2px 16px 0 0.02em #444, + 3px 16px 0 0.02em #444, 13px 16px 0 0.02em #444, 14px 16px 0 0.02em #444, + 15px 16px 0 0.02em #444; + } +} + +.tcs-icon.star.is-empty::before { + width: 1px; + height: 1px; + color: #adafbb; + box-shadow: 8px 1px, 7px 2px, 9px 2px, 7px 3px, 9px 3px, 6px 4px, 10px 4px, + 6px 5px, 10px 5px, 1px 6px, 2px 6px, 3px 6px, 4px 6px, 5px 6px, 6px 6px, + 11px 6px, 12px 6px, 13px 6px, 14px 6px, 15px 6px, 1px 7px, 15px 7px, 2px 8px, + 14px 8px, 3px 9px, 13px 9px, 4px 10px, 12px 10px, 3px 11px, 13px 11px, + 3px 12px, 13px 12px, 2px 13px, 8px 13px, 14px 13px, 2px 14px, 6px 14px, + 7px 14px, 9px 14px, 10px 14px, 14px 14px, 1px 15px, 4px 15px, 5px 15px, + 11px 15px, 12px 15px, 15px 15px, 1px 16px, 2px 16px, 3px 16px, 13px 16px, + 14px 16px, 15px 16px; +} + +@supports (-moz-appearance: meterbar) { + .tcs-icon.star.is-empty::before { + box-shadow: 8px 1px 0 0.02em, 7px 2px 0 0.02em, 9px 2px 0 0.02em, + 7px 3px 0 0.02em, 9px 3px 0 0.02em, 6px 4px 0 0.02em, 10px 4px 0 0.02em, + 6px 5px 0 0.02em, 10px 5px 0 0.02em, 1px 6px 0 0.02em, 2px 6px 0 0.02em, + 3px 6px 0 0.02em, 4px 6px 0 0.02em, 5px 6px 0 0.02em, 6px 6px 0 0.02em, + 11px 6px 0 0.02em, 12px 6px 0 0.02em, 13px 6px 0 0.02em, 14px 6px 0 0.02em, + 15px 6px 0 0.02em, 1px 7px 0 0.02em, 15px 7px 0 0.02em, 2px 8px 0 0.02em, + 14px 8px 0 0.02em, 3px 9px 0 0.02em, 13px 9px 0 0.02em, 4px 10px 0 0.02em, + 12px 10px 0 0.02em, 3px 11px 0 0.02em, 13px 11px 0 0.02em, + 3px 12px 0 0.02em, 13px 12px 0 0.02em, 2px 13px 0 0.02em, + 8px 13px 0 0.02em, 14px 13px 0 0.02em, 2px 14px 0 0.02em, + 6px 14px 0 0.02em, 7px 14px 0 0.02em, 9px 14px 0 0.02em, + 10px 14px 0 0.02em, 14px 14px 0 0.02em, 1px 15px 0 0.02em, + 4px 15px 0 0.02em, 5px 15px 0 0.02em, 11px 15px 0 0.02em, + 12px 15px 0 0.02em, 15px 15px 0 0.02em, 1px 16px 0 0.02em, + 2px 16px 0 0.02em, 3px 16px 0 0.02em, 13px 16px 0 0.02em, + 14px 16px 0 0.02em, 15px 16px 0 0.02em; + } +} + +.tcs-icon.star.is-half::before { + width: 1px; + height: 1px; + color: #444; + box-shadow: 8px 1px, 7px 2px, 8px 2px #ebe527, 9px 2px, 7px 3px, + 8px 3px #ebe527, 9px 3px, 6px 4px, 7px 4px #ebe527, 8px 4px #ebe527, + 10px 4px, 6px 5px, 7px 5px #ebe527, 8px 5px #ebe527, 10px 5px, 1px 6px, + 2px 6px, 3px 6px, 4px 6px, 5px 6px, 6px 6px, 7px 6px #ebe527, + 8px 6px #ebe527, 11px 6px, 12px 6px, 13px 6px, 14px 6px, 15px 6px, 1px 7px, + 2px 7px #ebe527, 3px 7px #ebe527, 4px 7px #ebe527, 5px 7px #ebe527, + 6px 7px #ebe527, 7px 7px #ebe527, 8px 7px #ebe527, 15px 7px, 2px 8px, + 3px 8px #ebe527, 4px 8px #ebe527, 5px 8px #ebe527, 6px 8px #ebe527, + 7px 8px #ebe527, 8px 8px #ebe527, 14px 8px, 3px 9px, 4px 9px #ebe527, + 5px 9px #ebe527, 6px 9px #ebe527, 7px 9px #ebe527, 8px 9px #ebe527, 13px 9px, + 4px 10px, 5px 10px #ebe527, 6px 10px #ebe527, 7px 10px #ebe527, + 8px 10px #ebe527, 12px 10px, 3px 11px, 4px 11px #ebe527, 5px 11px #ebe527, + 6px 11px #ebe527, 7px 11px #ebe527, 8px 11px #f59f54, 13px 11px, 3px 12px, + 4px 12px #ebe527, 5px 12px #ebe527, 6px 12px #ebe527, 7px 12px #f59f54, + 8px 12px #f59f54, 13px 12px, 2px 13px, 3px 13px #ebe527, 4px 13px #ebe527, + 5px 13px #f59f54, 6px 13px #f59f54, 7px 13px #f59f54, 8px 13px, 14px 13px, + 2px 14px, 3px 14px #ebe527, 4px 14px #f59f54, 5px 14px #f59f54, 6px 14px, + 7px 14px, 9px 14px, 10px 14px, 14px 14px, 1px 15px, 2px 15px #f59f54, + 3px 15px #f59f54, 4px 15px, 5px 15px, 11px 15px, 12px 15px, 15px 15px, + 1px 16px, 2px 16px, 3px 16px, 13px 16px, 14px 16px, 15px 16px; +} + +@supports (-moz-appearance: meterbar) { + .tcs-icon.star.is-half::before { + box-shadow: 8px 1px 0 0.02em, 7px 2px 0 0.02em, 8px 2px 0 0.02em #ebe527, + 9px 2px 0 0.02em, 7px 3px 0 0.02em, 8px 3px 0 0.02em #ebe527, + 9px 3px 0 0.02em, 6px 4px 0 0.02em, 7px 4px 0 0.02em #ebe527, + 8px 4px 0 0.02em #ebe527, 10px 4px 0 0.02em, 6px 5px 0 0.02em, + 7px 5px 0 0.02em #ebe527, 8px 5px 0 0.02em #ebe527, 10px 5px 0 0.02em, + 1px 6px 0 0.02em, 2px 6px 0 0.02em, 3px 6px 0 0.02em, 4px 6px 0 0.02em, + 5px 6px 0 0.02em, 6px 6px 0 0.02em, 7px 6px 0 0.02em #ebe527, + 8px 6px 0 0.02em #ebe527, 11px 6px 0 0.02em, 12px 6px 0 0.02em, + 13px 6px 0 0.02em, 14px 6px 0 0.02em, 15px 6px 0 0.02em, 1px 7px 0 0.02em, + 2px 7px 0 0.02em #ebe527, 3px 7px 0 0.02em #ebe527, + 4px 7px 0 0.02em #ebe527, 5px 7px 0 0.02em #ebe527, + 6px 7px 0 0.02em #ebe527, 7px 7px 0 0.02em #ebe527, + 8px 7px 0 0.02em #ebe527, 15px 7px 0 0.02em, 2px 8px 0 0.02em, + 3px 8px 0 0.02em #ebe527, 4px 8px 0 0.02em #ebe527, + 5px 8px 0 0.02em #ebe527, 6px 8px 0 0.02em #ebe527, + 7px 8px 0 0.02em #ebe527, 8px 8px 0 0.02em #ebe527, 14px 8px 0 0.02em, + 3px 9px 0 0.02em, 4px 9px 0 0.02em #ebe527, 5px 9px 0 0.02em #ebe527, + 6px 9px 0 0.02em #ebe527, 7px 9px 0 0.02em #ebe527, + 8px 9px 0 0.02em #ebe527, 13px 9px 0 0.02em, 4px 10px 0 0.02em, + 5px 10px 0 0.02em #ebe527, 6px 10px 0 0.02em #ebe527, + 7px 10px 0 0.02em #ebe527, 8px 10px 0 0.02em #ebe527, 12px 10px 0 0.02em, + 3px 11px 0 0.02em, 4px 11px 0 0.02em #ebe527, 5px 11px 0 0.02em #ebe527, + 6px 11px 0 0.02em #ebe527, 7px 11px 0 0.02em #ebe527, + 8px 11px 0 0.02em #f59f54, 13px 11px 0 0.02em, 3px 12px 0 0.02em, + 4px 12px 0 0.02em #ebe527, 5px 12px 0 0.02em #ebe527, + 6px 12px 0 0.02em #ebe527, 7px 12px 0 0.02em #f59f54, + 8px 12px 0 0.02em #f59f54, 13px 12px 0 0.02em, 2px 13px 0 0.02em, + 3px 13px 0 0.02em #ebe527, 4px 13px 0 0.02em #ebe527, + 5px 13px 0 0.02em #f59f54, 6px 13px 0 0.02em #f59f54, + 7px 13px 0 0.02em #f59f54, 8px 13px 0 0.02em, 14px 13px 0 0.02em, + 2px 14px 0 0.02em, 3px 14px 0 0.02em #ebe527, 4px 14px 0 0.02em #f59f54, + 5px 14px 0 0.02em #f59f54, 6px 14px 0 0.02em, 7px 14px 0 0.02em, + 9px 14px 0 0.02em, 10px 14px 0 0.02em, 14px 14px 0 0.02em, + 1px 15px 0 0.02em, 2px 15px 0 0.02em #f59f54, 3px 15px 0 0.02em #f59f54, + 4px 15px 0 0.02em, 5px 15px 0 0.02em, 11px 15px 0 0.02em, + 12px 15px 0 0.02em, 15px 15px 0 0.02em, 1px 16px 0 0.02em, + 2px 16px 0 0.02em, 3px 16px 0 0.02em, 13px 16px 0 0.02em, + 14px 16px 0 0.02em, 15px 16px 0 0.02em; + } +} + +.tcs-icon.star.is-transparent::before { + width: 1px; + height: 1px; + color: #444; + box-shadow: 8px 1px, 7px 2px, 9px 2px, 7px 3px, 9px 3px, 6px 4px, 10px 4px, + 6px 5px, 10px 5px, 1px 6px, 2px 6px, 3px 6px, 4px 6px, 5px 6px, 6px 6px, + 11px 6px, 12px 6px, 13px 6px, 14px 6px, 15px 6px, 1px 7px, 15px 7px, 2px 8px, + 14px 8px, 3px 9px, 13px 9px, 4px 10px, 12px 10px, 3px 11px, 13px 11px, + 3px 12px, 13px 12px, 2px 13px, 8px 13px, 14px 13px, 2px 14px, 6px 14px, + 7px 14px, 9px 14px, 10px 14px, 14px 14px, 1px 15px, 4px 15px, 5px 15px, + 11px 15px, 12px 15px, 15px 15px, 1px 16px, 2px 16px, 3px 16px, 13px 16px, + 14px 16px, 15px 16px; +} + +@supports (-moz-appearance: meterbar) { + .tcs-icon.star.is-transparent::before { + box-shadow: 8px 1px 0 0.02em, 7px 2px 0 0.02em, 9px 2px 0 0.02em, + 7px 3px 0 0.02em, 9px 3px 0 0.02em, 6px 4px 0 0.02em, 10px 4px 0 0.02em, + 6px 5px 0 0.02em, 10px 5px 0 0.02em, 1px 6px 0 0.02em, 2px 6px 0 0.02em, + 3px 6px 0 0.02em, 4px 6px 0 0.02em, 5px 6px 0 0.02em, 6px 6px 0 0.02em, + 11px 6px 0 0.02em, 12px 6px 0 0.02em, 13px 6px 0 0.02em, 14px 6px 0 0.02em, + 15px 6px 0 0.02em, 1px 7px 0 0.02em, 15px 7px 0 0.02em, 2px 8px 0 0.02em, + 14px 8px 0 0.02em, 3px 9px 0 0.02em, 13px 9px 0 0.02em, 4px 10px 0 0.02em, + 12px 10px 0 0.02em, 3px 11px 0 0.02em, 13px 11px 0 0.02em, + 3px 12px 0 0.02em, 13px 12px 0 0.02em, 2px 13px 0 0.02em, + 8px 13px 0 0.02em, 14px 13px 0 0.02em, 2px 14px 0 0.02em, + 6px 14px 0 0.02em, 7px 14px 0 0.02em, 9px 14px 0 0.02em, + 10px 14px 0 0.02em, 14px 14px 0 0.02em, 1px 15px 0 0.02em, + 4px 15px 0 0.02em, 5px 15px 0 0.02em, 11px 15px 0 0.02em, + 12px 15px 0 0.02em, 15px 15px 0 0.02em, 1px 16px 0 0.02em, + 2px 16px 0 0.02em, 3px 16px 0 0.02em, 13px 16px 0 0.02em, + 14px 16px 0 0.02em, 15px 16px 0 0.02em; + } +} + +.tcs-icon.trophy::before { + width: 1px; + height: 1px; + color: #ebe527; + box-shadow: 3px 1px #444, 4px 1px #444, 5px 1px #444, 6px 1px #444, + 7px 1px #444, 8px 1px #444, 9px 1px #444, 10px 1px #444, 11px 1px #444, + 12px 1px #444, 13px 1px #444, 3px 2px #444, 4px 2px, 5px 2px, 6px 2px, + 7px 2px, 8px 2px, 9px 2px, 10px 2px, 11px 2px, 12px 2px #f59f54, + 13px 2px #444, 1px 3px #444, 2px 3px #444, 3px 3px #444, 4px 3px, + 5px 3px #fff, 6px 3px, 7px 3px, 8px 3px, 9px 3px, 10px 3px, 11px 3px, + 12px 3px #f59f54, 13px 3px #444, 14px 3px #444, 15px 3px #444, 1px 4px #444, + 3px 4px #444, 4px 4px, 5px 4px #fff, 6px 4px, 7px 4px, 8px 4px, 9px 4px, + 10px 4px, 11px 4px, 12px 4px #f59f54, 13px 4px #444, 15px 4px #444, + 1px 5px #444, 3px 5px #444, 4px 5px, 5px 5px #fff, 6px 5px, 7px 5px, 8px 5px, + 9px 5px, 10px 5px, 11px 5px, 12px 5px #f59f54, 13px 5px #444, 15px 5px #444, + 2px 6px #444, 3px 6px #444, 4px 6px, 5px 6px #fff, 6px 6px, 7px 6px, 8px 6px, + 9px 6px, 10px 6px, 11px 6px, 12px 6px #f59f54, 13px 6px #444, 14px 6px #444, + 3px 7px #444, 4px 7px, 5px 7px #fff, 6px 7px, 7px 7px, 8px 7px, 9px 7px, + 10px 7px, 11px 7px, 12px 7px #f59f54, 13px 7px #444, 3px 8px #444, 4px 8px, + 5px 8px, 6px 8px, 7px 8px, 8px 8px, 9px 8px, 10px 8px, 11px 8px, + 12px 8px #f59f54, 13px 8px #444, 4px 9px #444, 5px 9px, 6px 9px, 7px 9px, + 8px 9px, 9px 9px, 10px 9px, 11px 9px #f59f54, 12px 9px #444, 5px 10px #444, + 6px 10px, 7px 10px, 8px 10px, 9px 10px, 10px 10px #f59f54, 11px 10px #444, + 6px 11px #444, 7px 11px, 8px 11px, 9px 11px #f59f54, 10px 11px #444, + 7px 12px #444, 8px 12px, 9px 12px #444, 7px 13px #444, 8px 13px, + 9px 13px #444, 6px 14px #444, 7px 14px #444, 8px 14px, 9px 14px #444, + 10px 14px #444, 5px 15px #444, 6px 15px, 7px 15px, 8px 15px, 9px 15px, + 10px 15px #f59f54, 11px 15px #444, 5px 16px #444, 6px 16px #444, + 7px 16px #444, 8px 16px #444, 9px 16px #444, 10px 16px #444, 11px 16px #444; +} + +@supports (-moz-appearance: meterbar) { + .tcs-icon.trophy::before { + box-shadow: 3px 1px 0 0.02em #444, 4px 1px 0 0.02em #444, + 5px 1px 0 0.02em #444, 6px 1px 0 0.02em #444, 7px 1px 0 0.02em #444, + 8px 1px 0 0.02em #444, 9px 1px 0 0.02em #444, 10px 1px 0 0.02em #444, + 11px 1px 0 0.02em #444, 12px 1px 0 0.02em #444, 13px 1px 0 0.02em #444, + 3px 2px 0 0.02em #444, 4px 2px 0 0.02em, 5px 2px 0 0.02em, + 6px 2px 0 0.02em, 7px 2px 0 0.02em, 8px 2px 0 0.02em, 9px 2px 0 0.02em, + 10px 2px 0 0.02em, 11px 2px 0 0.02em, 12px 2px 0 0.02em #f59f54, + 13px 2px 0 0.02em #444, 1px 3px 0 0.02em #444, 2px 3px 0 0.02em #444, + 3px 3px 0 0.02em #444, 4px 3px 0 0.02em, 5px 3px 0 0.02em #fff, + 6px 3px 0 0.02em, 7px 3px 0 0.02em, 8px 3px 0 0.02em, 9px 3px 0 0.02em, + 10px 3px 0 0.02em, 11px 3px 0 0.02em, 12px 3px 0 0.02em #f59f54, + 13px 3px 0 0.02em #444, 14px 3px 0 0.02em #444, 15px 3px 0 0.02em #444, + 1px 4px 0 0.02em #444, 3px 4px 0 0.02em #444, 4px 4px 0 0.02em, + 5px 4px 0 0.02em #fff, 6px 4px 0 0.02em, 7px 4px 0 0.02em, + 8px 4px 0 0.02em, 9px 4px 0 0.02em, 10px 4px 0 0.02em, 11px 4px 0 0.02em, + 12px 4px 0 0.02em #f59f54, 13px 4px 0 0.02em #444, 15px 4px 0 0.02em #444, + 1px 5px 0 0.02em #444, 3px 5px 0 0.02em #444, 4px 5px 0 0.02em, + 5px 5px 0 0.02em #fff, 6px 5px 0 0.02em, 7px 5px 0 0.02em, + 8px 5px 0 0.02em, 9px 5px 0 0.02em, 10px 5px 0 0.02em, 11px 5px 0 0.02em, + 12px 5px 0 0.02em #f59f54, 13px 5px 0 0.02em #444, 15px 5px 0 0.02em #444, + 2px 6px 0 0.02em #444, 3px 6px 0 0.02em #444, 4px 6px 0 0.02em, + 5px 6px 0 0.02em #fff, 6px 6px 0 0.02em, 7px 6px 0 0.02em, + 8px 6px 0 0.02em, 9px 6px 0 0.02em, 10px 6px 0 0.02em, 11px 6px 0 0.02em, + 12px 6px 0 0.02em #f59f54, 13px 6px 0 0.02em #444, 14px 6px 0 0.02em #444, + 3px 7px 0 0.02em #444, 4px 7px 0 0.02em, 5px 7px 0 0.02em #fff, + 6px 7px 0 0.02em, 7px 7px 0 0.02em, 8px 7px 0 0.02em, 9px 7px 0 0.02em, + 10px 7px 0 0.02em, 11px 7px 0 0.02em, 12px 7px 0 0.02em #f59f54, + 13px 7px 0 0.02em #444, 3px 8px 0 0.02em #444, 4px 8px 0 0.02em, + 5px 8px 0 0.02em, 6px 8px 0 0.02em, 7px 8px 0 0.02em, 8px 8px 0 0.02em, + 9px 8px 0 0.02em, 10px 8px 0 0.02em, 11px 8px 0 0.02em, + 12px 8px 0 0.02em #f59f54, 13px 8px 0 0.02em #444, 4px 9px 0 0.02em #444, + 5px 9px 0 0.02em, 6px 9px 0 0.02em, 7px 9px 0 0.02em, 8px 9px 0 0.02em, + 9px 9px 0 0.02em, 10px 9px 0 0.02em, 11px 9px 0 0.02em #f59f54, + 12px 9px 0 0.02em #444, 5px 10px 0 0.02em #444, 6px 10px 0 0.02em, + 7px 10px 0 0.02em, 8px 10px 0 0.02em, 9px 10px 0 0.02em, + 10px 10px 0 0.02em #f59f54, 11px 10px 0 0.02em #444, + 6px 11px 0 0.02em #444, 7px 11px 0 0.02em, 8px 11px 0 0.02em, + 9px 11px 0 0.02em #f59f54, 10px 11px 0 0.02em #444, 7px 12px 0 0.02em #444, + 8px 12px 0 0.02em, 9px 12px 0 0.02em #444, 7px 13px 0 0.02em #444, + 8px 13px 0 0.02em, 9px 13px 0 0.02em #444, 6px 14px 0 0.02em #444, + 7px 14px 0 0.02em #444, 8px 14px 0 0.02em, 9px 14px 0 0.02em #444, + 10px 14px 0 0.02em #444, 5px 15px 0 0.02em #444, 6px 15px 0 0.02em, + 7px 15px 0 0.02em, 8px 15px 0 0.02em, 9px 15px 0 0.02em, + 10px 15px 0 0.02em #f59f54, 11px 15px 0 0.02em #444, + 5px 16px 0 0.02em #444, 6px 16px 0 0.02em #444, 7px 16px 0 0.02em #444, + 8px 16px 0 0.02em #444, 9px 16px 0 0.02em #444, 10px 16px 0 0.02em #444, + 11px 16px 0 0.02em #444; + } +} + +.tcs-icon.trophy.is-empty::before { + width: 1px; + height: 1px; + color: #adafbb; + box-shadow: 3px 1px, 4px 1px, 5px 1px, 6px 1px, 7px 1px, 8px 1px, 9px 1px, + 10px 1px, 11px 1px, 12px 1px, 13px 1px, 3px 2px, 13px 2px, 1px 3px, 2px 3px, + 3px 3px, 13px 3px, 14px 3px, 15px 3px, 1px 4px, 3px 4px, 13px 4px, 15px 4px, + 1px 5px, 3px 5px, 13px 5px, 15px 5px, 2px 6px, 3px 6px, 13px 6px, 14px 6px, + 3px 7px, 13px 7px, 3px 8px, 13px 8px, 4px 9px, 12px 9px, 5px 10px, 11px 10px, + 6px 11px, 10px 11px, 7px 12px, 9px 12px, 7px 13px, 9px 13px, 6px 14px, + 7px 14px, 9px 14px, 10px 14px, 5px 15px, 11px 15px, 5px 16px, 6px 16px, + 7px 16px, 8px 16px, 9px 16px, 10px 16px, 11px 16px; +} + +@supports (-moz-appearance: meterbar) { + .tcs-icon.trophy.is-empty::before { + box-shadow: 3px 1px 0 0.02em, 4px 1px 0 0.02em, 5px 1px 0 0.02em, + 6px 1px 0 0.02em, 7px 1px 0 0.02em, 8px 1px 0 0.02em, 9px 1px 0 0.02em, + 10px 1px 0 0.02em, 11px 1px 0 0.02em, 12px 1px 0 0.02em, 13px 1px 0 0.02em, + 3px 2px 0 0.02em, 13px 2px 0 0.02em, 1px 3px 0 0.02em, 2px 3px 0 0.02em, + 3px 3px 0 0.02em, 13px 3px 0 0.02em, 14px 3px 0 0.02em, 15px 3px 0 0.02em, + 1px 4px 0 0.02em, 3px 4px 0 0.02em, 13px 4px 0 0.02em, 15px 4px 0 0.02em, + 1px 5px 0 0.02em, 3px 5px 0 0.02em, 13px 5px 0 0.02em, 15px 5px 0 0.02em, + 2px 6px 0 0.02em, 3px 6px 0 0.02em, 13px 6px 0 0.02em, 14px 6px 0 0.02em, + 3px 7px 0 0.02em, 13px 7px 0 0.02em, 3px 8px 0 0.02em, 13px 8px 0 0.02em, + 4px 9px 0 0.02em, 12px 9px 0 0.02em, 5px 10px 0 0.02em, 11px 10px 0 0.02em, + 6px 11px 0 0.02em, 10px 11px 0 0.02em, 7px 12px 0 0.02em, + 9px 12px 0 0.02em, 7px 13px 0 0.02em, 9px 13px 0 0.02em, 6px 14px 0 0.02em, + 7px 14px 0 0.02em, 9px 14px 0 0.02em, 10px 14px 0 0.02em, + 5px 15px 0 0.02em, 11px 15px 0 0.02em, 5px 16px 0 0.02em, + 6px 16px 0 0.02em, 7px 16px 0 0.02em, 8px 16px 0 0.02em, 9px 16px 0 0.02em, + 10px 16px 0 0.02em, 11px 16px 0 0.02em; + } +} + +.tcs-icon.like::before { + width: 1px; + height: 1px; + color: #fff; + box-shadow: 8px 2px #333, 9px 2px #333, 8px 3px #333, 9px 3px, 10px 3px #333, + 8px 4px #333, 9px 4px, 10px 4px #333, 7px 5px #333, 8px 5px, 9px 5px, + 10px 5px #333, 7px 6px #333, 8px 6px, 9px 6px, 10px 6px #333, 11px 6px #333, + 12px 6px #333, 13px 6px #333, 14px 6px #333, 15px 6px #333, 6px 7px #333, + 7px 7px, 8px 7px, 9px 7px, 10px 7px, 11px 7px, 12px 7px, 13px 7px, 14px 7px, + 15px 7px, 16px 7px #333, 2px 8px #333, 3px 8px #333, 4px 8px #333, + 6px 8px #333, 7px 8px, 8px 8px, 9px 8px, 10px 8px, 11px 8px, 12px 8px, + 13px 8px, 14px 8px, 15px 8px, 16px 8px #333, 1px 9px #333, 2px 9px #2e77be, + 3px 9px #2e77be, 4px 9px #2e77be, 5px 9px #333, 6px 9px, 7px 9px, 8px 9px, + 9px 9px, 10px 9px, 11px 9px, 12px 9px, 13px 9px, 14px 9px, 15px 9px, + 16px 9px #333, 1px 10px #333, 2px 10px #2e77be, 3px 10px #2e77be, + 4px 10px #2e77be, 5px 10px #333, 6px 10px, 7px 10px, 8px 10px, 9px 10px, + 10px 10px, 11px 10px, 12px 10px, 13px 10px, 14px 10px, 15px 10px #333, + 1px 11px #333, 2px 11px #2e77be, 3px 11px #2e77be, 4px 11px #2e77be, + 5px 11px #333, 6px 11px, 7px 11px, 8px 11px, 9px 11px, 10px 11px, 11px 11px, + 12px 11px, 13px 11px, 14px 11px, 15px 11px #333, 1px 12px #333, + 2px 12px #2e77be, 3px 12px #2e77be, 4px 12px #2e77be, 5px 12px #333, + 6px 12px, 7px 12px, 8px 12px, 9px 12px, 10px 12px, 11px 12px, 12px 12px, + 13px 12px, 14px 12px, 15px 12px #333, 1px 13px #333, 2px 13px #2e77be, + 3px 13px #2e77be, 4px 13px #2e77be, 5px 13px #333, 6px 13px, 7px 13px, + 8px 13px, 9px 13px, 10px 13px, 11px 13px, 12px 13px, 13px 13px, + 14px 13px #333, 1px 14px #333, 2px 14px #2e77be, 3px 14px #2e77be, + 4px 14px #2e77be, 5px 14px #333, 6px 14px, 7px 14px, 8px 14px, 9px 14px, + 10px 14px, 11px 14px, 12px 14px, 13px 14px, 14px 14px #333, 2px 15px #333, + 3px 15px #333, 4px 15px #333, 6px 15px #333, 7px 15px #333, 8px 15px #333, + 9px 15px #333, 10px 15px #333, 11px 15px #333, 12px 15px #333, + 13px 15px #333; +} + +@supports (-moz-appearance: meterbar) { + .tcs-icon.like::before { + box-shadow: 8px 2px 0 0.02em #333, 9px 2px 0 0.02em #333, + 8px 3px 0 0.02em #333, 9px 3px 0 0.02em, 10px 3px 0 0.02em #333, + 8px 4px 0 0.02em #333, 9px 4px 0 0.02em, 10px 4px 0 0.02em #333, + 7px 5px 0 0.02em #333, 8px 5px 0 0.02em, 9px 5px 0 0.02em, + 10px 5px 0 0.02em #333, 7px 6px 0 0.02em #333, 8px 6px 0 0.02em, + 9px 6px 0 0.02em, 10px 6px 0 0.02em #333, 11px 6px 0 0.02em #333, + 12px 6px 0 0.02em #333, 13px 6px 0 0.02em #333, 14px 6px 0 0.02em #333, + 15px 6px 0 0.02em #333, 6px 7px 0 0.02em #333, 7px 7px 0 0.02em, + 8px 7px 0 0.02em, 9px 7px 0 0.02em, 10px 7px 0 0.02em, 11px 7px 0 0.02em, + 12px 7px 0 0.02em, 13px 7px 0 0.02em, 14px 7px 0 0.02em, 15px 7px 0 0.02em, + 16px 7px 0 0.02em #333, 2px 8px 0 0.02em #333, 3px 8px 0 0.02em #333, + 4px 8px 0 0.02em #333, 6px 8px 0 0.02em #333, 7px 8px 0 0.02em, + 8px 8px 0 0.02em, 9px 8px 0 0.02em, 10px 8px 0 0.02em, 11px 8px 0 0.02em, + 12px 8px 0 0.02em, 13px 8px 0 0.02em, 14px 8px 0 0.02em, 15px 8px 0 0.02em, + 16px 8px 0 0.02em #333, 1px 9px 0 0.02em #333, 2px 9px 0 0.02em #2e77be, + 3px 9px 0 0.02em #2e77be, 4px 9px 0 0.02em #2e77be, 5px 9px 0 0.02em #333, + 6px 9px 0 0.02em, 7px 9px 0 0.02em, 8px 9px 0 0.02em, 9px 9px 0 0.02em, + 10px 9px 0 0.02em, 11px 9px 0 0.02em, 12px 9px 0 0.02em, 13px 9px 0 0.02em, + 14px 9px 0 0.02em, 15px 9px 0 0.02em, 16px 9px 0 0.02em #333, + 1px 10px 0 0.02em #333, 2px 10px 0 0.02em #2e77be, + 3px 10px 0 0.02em #2e77be, 4px 10px 0 0.02em #2e77be, + 5px 10px 0 0.02em #333, 6px 10px 0 0.02em, 7px 10px 0 0.02em, + 8px 10px 0 0.02em, 9px 10px 0 0.02em, 10px 10px 0 0.02em, + 11px 10px 0 0.02em, 12px 10px 0 0.02em, 13px 10px 0 0.02em, + 14px 10px 0 0.02em, 15px 10px 0 0.02em #333, 1px 11px 0 0.02em #333, + 2px 11px 0 0.02em #2e77be, 3px 11px 0 0.02em #2e77be, + 4px 11px 0 0.02em #2e77be, 5px 11px 0 0.02em #333, 6px 11px 0 0.02em, + 7px 11px 0 0.02em, 8px 11px 0 0.02em, 9px 11px 0 0.02em, + 10px 11px 0 0.02em, 11px 11px 0 0.02em, 12px 11px 0 0.02em, + 13px 11px 0 0.02em, 14px 11px 0 0.02em, 15px 11px 0 0.02em #333, + 1px 12px 0 0.02em #333, 2px 12px 0 0.02em #2e77be, + 3px 12px 0 0.02em #2e77be, 4px 12px 0 0.02em #2e77be, + 5px 12px 0 0.02em #333, 6px 12px 0 0.02em, 7px 12px 0 0.02em, + 8px 12px 0 0.02em, 9px 12px 0 0.02em, 10px 12px 0 0.02em, + 11px 12px 0 0.02em, 12px 12px 0 0.02em, 13px 12px 0 0.02em, + 14px 12px 0 0.02em, 15px 12px 0 0.02em #333, 1px 13px 0 0.02em #333, + 2px 13px 0 0.02em #2e77be, 3px 13px 0 0.02em #2e77be, + 4px 13px 0 0.02em #2e77be, 5px 13px 0 0.02em #333, 6px 13px 0 0.02em, + 7px 13px 0 0.02em, 8px 13px 0 0.02em, 9px 13px 0 0.02em, + 10px 13px 0 0.02em, 11px 13px 0 0.02em, 12px 13px 0 0.02em, + 13px 13px 0 0.02em, 14px 13px 0 0.02em #333, 1px 14px 0 0.02em #333, + 2px 14px 0 0.02em #2e77be, 3px 14px 0 0.02em #2e77be, + 4px 14px 0 0.02em #2e77be, 5px 14px 0 0.02em #333, 6px 14px 0 0.02em, + 7px 14px 0 0.02em, 8px 14px 0 0.02em, 9px 14px 0 0.02em, + 10px 14px 0 0.02em, 11px 14px 0 0.02em, 12px 14px 0 0.02em, + 13px 14px 0 0.02em, 14px 14px 0 0.02em #333, 2px 15px 0 0.02em #333, + 3px 15px 0 0.02em #333, 4px 15px 0 0.02em #333, 6px 15px 0 0.02em #333, + 7px 15px 0 0.02em #333, 8px 15px 0 0.02em #333, 9px 15px 0 0.02em #333, + 10px 15px 0 0.02em #333, 11px 15px 0 0.02em #333, 12px 15px 0 0.02em #333, + 13px 15px 0 0.02em #333; + } +} + +.tcs-icon.like.is-empty::before { + width: 1px; + height: 1px; + color: #adafbb; + box-shadow: 8px 2px, 9px 2px, 8px 3px, 10px 3px, 8px 4px, 10px 4px, 7px 5px, + 10px 5px, 7px 6px, 10px 6px, 11px 6px, 12px 6px, 13px 6px, 14px 6px, + 15px 6px, 6px 7px, 16px 7px, 2px 8px, 3px 8px, 4px 8px, 6px 8px, 16px 8px, + 1px 9px, 5px 9px, 16px 9px, 1px 10px, 5px 10px, 15px 10px, 1px 11px, + 5px 11px, 15px 11px, 1px 12px, 5px 12px, 15px 12px, 1px 13px, 5px 13px, + 14px 13px, 1px 14px, 5px 14px, 14px 14px, 2px 15px, 3px 15px, 4px 15px, + 6px 15px, 7px 15px, 8px 15px, 9px 15px, 10px 15px, 11px 15px, 12px 15px, + 13px 15px; +} + +@supports (-moz-appearance: meterbar) { + .tcs-icon.like.is-empty::before { + box-shadow: 8px 2px 0 0.02em, 9px 2px 0 0.02em, 8px 3px 0 0.02em, + 10px 3px 0 0.02em, 8px 4px 0 0.02em, 10px 4px 0 0.02em, 7px 5px 0 0.02em, + 10px 5px 0 0.02em, 7px 6px 0 0.02em, 10px 6px 0 0.02em, 11px 6px 0 0.02em, + 12px 6px 0 0.02em, 13px 6px 0 0.02em, 14px 6px 0 0.02em, 15px 6px 0 0.02em, + 6px 7px 0 0.02em, 16px 7px 0 0.02em, 2px 8px 0 0.02em, 3px 8px 0 0.02em, + 4px 8px 0 0.02em, 6px 8px 0 0.02em, 16px 8px 0 0.02em, 1px 9px 0 0.02em, + 5px 9px 0 0.02em, 16px 9px 0 0.02em, 1px 10px 0 0.02em, 5px 10px 0 0.02em, + 15px 10px 0 0.02em, 1px 11px 0 0.02em, 5px 11px 0 0.02em, + 15px 11px 0 0.02em, 1px 12px 0 0.02em, 5px 12px 0 0.02em, + 15px 12px 0 0.02em, 1px 13px 0 0.02em, 5px 13px 0 0.02em, + 14px 13px 0 0.02em, 1px 14px 0 0.02em, 5px 14px 0 0.02em, + 14px 14px 0 0.02em, 2px 15px 0 0.02em, 3px 15px 0 0.02em, + 4px 15px 0 0.02em, 6px 15px 0 0.02em, 7px 15px 0 0.02em, 8px 15px 0 0.02em, + 9px 15px 0 0.02em, 10px 15px 0 0.02em, 11px 15px 0 0.02em, + 12px 15px 0 0.02em, 13px 15px 0 0.02em; + } +} + +.tcs-icon.twitter::before { + width: 1px; + height: 1px; + color: #2c9ceb; + box-shadow: 2px 1px, 3px 1px, 4px 1px, 5px 1px, 6px 1px, 7px 1px, 8px 1px, + 9px 1px, 10px 1px, 11px 1px, 12px 1px, 13px 1px, 14px 1px, 15px 1px, 1px 2px, + 2px 2px, 3px 2px, 4px 2px, 5px 2px, 6px 2px, 7px 2px, 8px 2px, 9px 2px, + 10px 2px, 11px 2px, 12px 2px, 13px 2px, 14px 2px, 15px 2px, 16px 2px, + 1px 3px, 2px 3px #fff, 3px 3px, 4px 3px, 5px 3px, 6px 3px, 7px 3px, 8px 3px, + 9px 3px, 10px 3px #fff, 11px 3px #fff, 12px 3px #fff, 13px 3px, 14px 3px, + 15px 3px, 16px 3px, 1px 4px, 2px 4px #fff, 3px 4px #fff, 4px 4px #fff, + 5px 4px, 6px 4px, 7px 4px, 8px 4px, 9px 4px #fff, 10px 4px #fff, + 11px 4px #fff, 12px 4px #fff, 13px 4px #fff, 14px 4px, 15px 4px, 16px 4px, + 1px 5px, 2px 5px #fff, 3px 5px #fff, 4px 5px #fff, 5px 5px #fff, + 6px 5px #fff, 7px 5px, 8px 5px #fff, 9px 5px #fff, 10px 5px #fff, + 11px 5px #fff, 12px 5px #fff, 13px 5px #fff, 14px 5px #fff, 15px 5px #fff, + 16px 5px, 1px 6px, 2px 6px, 3px 6px #fff, 4px 6px #fff, 5px 6px #fff, + 6px 6px #fff, 7px 6px #fff, 8px 6px #fff, 9px 6px #fff, 10px 6px #fff, + 11px 6px #fff, 12px 6px #fff, 13px 6px #fff, 14px 6px #fff, 15px 6px, + 16px 6px, 1px 7px, 2px 7px, 3px 7px #fff, 4px 7px #fff, 5px 7px #fff, + 6px 7px #fff, 7px 7px #fff, 8px 7px #fff, 9px 7px #fff, 10px 7px #fff, + 11px 7px #fff, 12px 7px #fff, 13px 7px #fff, 14px 7px #fff, 15px 7px, + 16px 7px, 1px 8px, 2px 8px, 3px 8px, 4px 8px #fff, 5px 8px #fff, + 6px 8px #fff, 7px 8px #fff, 8px 8px #fff, 9px 8px #fff, 10px 8px #fff, + 11px 8px #fff, 12px 8px #fff, 13px 8px #fff, 14px 8px, 15px 8px, 16px 8px, + 1px 9px, 2px 9px, 3px 9px, 4px 9px #fff, 5px 9px #fff, 6px 9px #fff, + 7px 9px #fff, 8px 9px #fff, 9px 9px #fff, 10px 9px #fff, 11px 9px #fff, + 12px 9px #fff, 13px 9px, 14px 9px, 15px 9px, 16px 9px, 1px 10px, 2px 10px, + 3px 10px, 4px 10px, 5px 10px #fff, 6px 10px #fff, 7px 10px #fff, + 8px 10px #fff, 9px 10px #fff, 10px 10px #fff, 11px 10px #fff, 12px 10px #fff, + 13px 10px, 14px 10px, 15px 10px, 16px 10px, 1px 11px, 2px 11px, 3px 11px, + 4px 11px, 5px 11px, 6px 11px #fff, 7px 11px #fff, 8px 11px #fff, + 9px 11px #fff, 10px 11px #fff, 11px 11px #fff, 12px 11px #fff, 13px 11px, + 14px 11px, 15px 11px, 16px 11px, 1px 12px, 2px 12px, 3px 12px, 4px 12px, + 5px 12px #fff, 6px 12px #fff, 7px 12px #fff, 8px 12px #fff, 9px 12px #fff, + 10px 12px #fff, 11px 12px #fff, 12px 12px, 13px 12px, 14px 12px, 15px 12px, + 16px 12px, 1px 13px, 2px 13px, 3px 13px #fff, 4px 13px #fff, 5px 13px #fff, + 6px 13px #fff, 7px 13px #fff, 8px 13px #fff, 9px 13px #fff, 10px 13px, + 11px 13px, 12px 13px, 13px 13px, 14px 13px, 15px 13px, 16px 13px, 1px 14px, + 2px 14px, 3px 14px, 4px 14px #fff, 5px 14px #fff, 6px 14px #fff, 7px 14px, + 8px 14px, 9px 14px, 10px 14px, 11px 14px, 12px 14px, 13px 14px, 14px 14px, + 15px 14px, 16px 14px, 1px 15px, 2px 15px, 3px 15px, 4px 15px, 5px 15px, + 6px 15px, 7px 15px, 8px 15px, 9px 15px, 10px 15px, 11px 15px, 12px 15px, + 13px 15px, 14px 15px, 15px 15px, 16px 15px, 2px 16px, 3px 16px, 4px 16px, + 5px 16px, 6px 16px, 7px 16px, 8px 16px, 9px 16px, 10px 16px, 11px 16px, + 12px 16px, 13px 16px, 14px 16px, 15px 16px; +} + +@supports (-moz-appearance: meterbar) { + .tcs-icon.twitter::before { + box-shadow: 2px 1px 0 0.02em, 3px 1px 0 0.02em, 4px 1px 0 0.02em, + 5px 1px 0 0.02em, 6px 1px 0 0.02em, 7px 1px 0 0.02em, 8px 1px 0 0.02em, + 9px 1px 0 0.02em, 10px 1px 0 0.02em, 11px 1px 0 0.02em, 12px 1px 0 0.02em, + 13px 1px 0 0.02em, 14px 1px 0 0.02em, 15px 1px 0 0.02em, 1px 2px 0 0.02em, + 2px 2px 0 0.02em, 3px 2px 0 0.02em, 4px 2px 0 0.02em, 5px 2px 0 0.02em, + 6px 2px 0 0.02em, 7px 2px 0 0.02em, 8px 2px 0 0.02em, 9px 2px 0 0.02em, + 10px 2px 0 0.02em, 11px 2px 0 0.02em, 12px 2px 0 0.02em, 13px 2px 0 0.02em, + 14px 2px 0 0.02em, 15px 2px 0 0.02em, 16px 2px 0 0.02em, 1px 3px 0 0.02em, + 2px 3px 0 0.02em #fff, 3px 3px 0 0.02em, 4px 3px 0 0.02em, + 5px 3px 0 0.02em, 6px 3px 0 0.02em, 7px 3px 0 0.02em, 8px 3px 0 0.02em, + 9px 3px 0 0.02em, 10px 3px 0 0.02em #fff, 11px 3px 0 0.02em #fff, + 12px 3px 0 0.02em #fff, 13px 3px 0 0.02em, 14px 3px 0 0.02em, + 15px 3px 0 0.02em, 16px 3px 0 0.02em, 1px 4px 0 0.02em, + 2px 4px 0 0.02em #fff, 3px 4px 0 0.02em #fff, 4px 4px 0 0.02em #fff, + 5px 4px 0 0.02em, 6px 4px 0 0.02em, 7px 4px 0 0.02em, 8px 4px 0 0.02em, + 9px 4px 0 0.02em #fff, 10px 4px 0 0.02em #fff, 11px 4px 0 0.02em #fff, + 12px 4px 0 0.02em #fff, 13px 4px 0 0.02em #fff, 14px 4px 0 0.02em, + 15px 4px 0 0.02em, 16px 4px 0 0.02em, 1px 5px 0 0.02em, + 2px 5px 0 0.02em #fff, 3px 5px 0 0.02em #fff, 4px 5px 0 0.02em #fff, + 5px 5px 0 0.02em #fff, 6px 5px 0 0.02em #fff, 7px 5px 0 0.02em, + 8px 5px 0 0.02em #fff, 9px 5px 0 0.02em #fff, 10px 5px 0 0.02em #fff, + 11px 5px 0 0.02em #fff, 12px 5px 0 0.02em #fff, 13px 5px 0 0.02em #fff, + 14px 5px 0 0.02em #fff, 15px 5px 0 0.02em #fff, 16px 5px 0 0.02em, + 1px 6px 0 0.02em, 2px 6px 0 0.02em, 3px 6px 0 0.02em #fff, + 4px 6px 0 0.02em #fff, 5px 6px 0 0.02em #fff, 6px 6px 0 0.02em #fff, + 7px 6px 0 0.02em #fff, 8px 6px 0 0.02em #fff, 9px 6px 0 0.02em #fff, + 10px 6px 0 0.02em #fff, 11px 6px 0 0.02em #fff, 12px 6px 0 0.02em #fff, + 13px 6px 0 0.02em #fff, 14px 6px 0 0.02em #fff, 15px 6px 0 0.02em, + 16px 6px 0 0.02em, 1px 7px 0 0.02em, 2px 7px 0 0.02em, + 3px 7px 0 0.02em #fff, 4px 7px 0 0.02em #fff, 5px 7px 0 0.02em #fff, + 6px 7px 0 0.02em #fff, 7px 7px 0 0.02em #fff, 8px 7px 0 0.02em #fff, + 9px 7px 0 0.02em #fff, 10px 7px 0 0.02em #fff, 11px 7px 0 0.02em #fff, + 12px 7px 0 0.02em #fff, 13px 7px 0 0.02em #fff, 14px 7px 0 0.02em #fff, + 15px 7px 0 0.02em, 16px 7px 0 0.02em, 1px 8px 0 0.02em, 2px 8px 0 0.02em, + 3px 8px 0 0.02em, 4px 8px 0 0.02em #fff, 5px 8px 0 0.02em #fff, + 6px 8px 0 0.02em #fff, 7px 8px 0 0.02em #fff, 8px 8px 0 0.02em #fff, + 9px 8px 0 0.02em #fff, 10px 8px 0 0.02em #fff, 11px 8px 0 0.02em #fff, + 12px 8px 0 0.02em #fff, 13px 8px 0 0.02em #fff, 14px 8px 0 0.02em, + 15px 8px 0 0.02em, 16px 8px 0 0.02em, 1px 9px 0 0.02em, 2px 9px 0 0.02em, + 3px 9px 0 0.02em, 4px 9px 0 0.02em #fff, 5px 9px 0 0.02em #fff, + 6px 9px 0 0.02em #fff, 7px 9px 0 0.02em #fff, 8px 9px 0 0.02em #fff, + 9px 9px 0 0.02em #fff, 10px 9px 0 0.02em #fff, 11px 9px 0 0.02em #fff, + 12px 9px 0 0.02em #fff, 13px 9px 0 0.02em, 14px 9px 0 0.02em, + 15px 9px 0 0.02em, 16px 9px 0 0.02em, 1px 10px 0 0.02em, 2px 10px 0 0.02em, + 3px 10px 0 0.02em, 4px 10px 0 0.02em, 5px 10px 0 0.02em #fff, + 6px 10px 0 0.02em #fff, 7px 10px 0 0.02em #fff, 8px 10px 0 0.02em #fff, + 9px 10px 0 0.02em #fff, 10px 10px 0 0.02em #fff, 11px 10px 0 0.02em #fff, + 12px 10px 0 0.02em #fff, 13px 10px 0 0.02em, 14px 10px 0 0.02em, + 15px 10px 0 0.02em, 16px 10px 0 0.02em, 1px 11px 0 0.02em, + 2px 11px 0 0.02em, 3px 11px 0 0.02em, 4px 11px 0 0.02em, 5px 11px 0 0.02em, + 6px 11px 0 0.02em #fff, 7px 11px 0 0.02em #fff, 8px 11px 0 0.02em #fff, + 9px 11px 0 0.02em #fff, 10px 11px 0 0.02em #fff, 11px 11px 0 0.02em #fff, + 12px 11px 0 0.02em #fff, 13px 11px 0 0.02em, 14px 11px 0 0.02em, + 15px 11px 0 0.02em, 16px 11px 0 0.02em, 1px 12px 0 0.02em, + 2px 12px 0 0.02em, 3px 12px 0 0.02em, 4px 12px 0 0.02em, + 5px 12px 0 0.02em #fff, 6px 12px 0 0.02em #fff, 7px 12px 0 0.02em #fff, + 8px 12px 0 0.02em #fff, 9px 12px 0 0.02em #fff, 10px 12px 0 0.02em #fff, + 11px 12px 0 0.02em #fff, 12px 12px 0 0.02em, 13px 12px 0 0.02em, + 14px 12px 0 0.02em, 15px 12px 0 0.02em, 16px 12px 0 0.02em, + 1px 13px 0 0.02em, 2px 13px 0 0.02em, 3px 13px 0 0.02em #fff, + 4px 13px 0 0.02em #fff, 5px 13px 0 0.02em #fff, 6px 13px 0 0.02em #fff, + 7px 13px 0 0.02em #fff, 8px 13px 0 0.02em #fff, 9px 13px 0 0.02em #fff, + 10px 13px 0 0.02em, 11px 13px 0 0.02em, 12px 13px 0 0.02em, + 13px 13px 0 0.02em, 14px 13px 0 0.02em, 15px 13px 0 0.02em, + 16px 13px 0 0.02em, 1px 14px 0 0.02em, 2px 14px 0 0.02em, + 3px 14px 0 0.02em, 4px 14px 0 0.02em #fff, 5px 14px 0 0.02em #fff, + 6px 14px 0 0.02em #fff, 7px 14px 0 0.02em, 8px 14px 0 0.02em, + 9px 14px 0 0.02em, 10px 14px 0 0.02em, 11px 14px 0 0.02em, + 12px 14px 0 0.02em, 13px 14px 0 0.02em, 14px 14px 0 0.02em, + 15px 14px 0 0.02em, 16px 14px 0 0.02em, 1px 15px 0 0.02em, + 2px 15px 0 0.02em, 3px 15px 0 0.02em, 4px 15px 0 0.02em, 5px 15px 0 0.02em, + 6px 15px 0 0.02em, 7px 15px 0 0.02em, 8px 15px 0 0.02em, 9px 15px 0 0.02em, + 10px 15px 0 0.02em, 11px 15px 0 0.02em, 12px 15px 0 0.02em, + 13px 15px 0 0.02em, 14px 15px 0 0.02em, 15px 15px 0 0.02em, + 16px 15px 0 0.02em, 2px 16px 0 0.02em, 3px 16px 0 0.02em, + 4px 16px 0 0.02em, 5px 16px 0 0.02em, 6px 16px 0 0.02em, 7px 16px 0 0.02em, + 8px 16px 0 0.02em, 9px 16px 0 0.02em, 10px 16px 0 0.02em, + 11px 16px 0 0.02em, 12px 16px 0 0.02em, 13px 16px 0 0.02em, + 14px 16px 0 0.02em, 15px 16px 0 0.02em; + } +} + +.tcs-icon.facebook::before { + width: 1px; + height: 1px; + color: #4566ae; + box-shadow: 2px 1px, 3px 1px, 4px 1px, 5px 1px, 6px 1px, 7px 1px, 8px 1px, + 9px 1px, 10px 1px, 11px 1px, 12px 1px, 13px 1px, 14px 1px, 15px 1px, 1px 2px, + 2px 2px, 3px 2px, 4px 2px, 5px 2px, 6px 2px, 7px 2px, 8px 2px, 9px 2px, + 10px 2px, 11px 2px #fff, 12px 2px #fff, 13px 2px #fff, 14px 2px #fff, + 15px 2px, 16px 2px, 1px 3px, 2px 3px, 3px 3px, 4px 3px, 5px 3px, 6px 3px, + 7px 3px, 8px 3px, 9px 3px, 10px 3px #fff, 11px 3px #fff, 12px 3px #fff, + 13px 3px #fff, 14px 3px #fff, 15px 3px, 16px 3px, 1px 4px, 2px 4px, 3px 4px, + 4px 4px, 5px 4px, 6px 4px, 7px 4px, 8px 4px, 9px 4px #fff, 10px 4px #fff, + 11px 4px #fff, 12px 4px #fff, 13px 4px #fff, 14px 4px #fff, 15px 4px, + 16px 4px, 1px 5px, 2px 5px, 3px 5px, 4px 5px, 5px 5px, 6px 5px, 7px 5px, + 8px 5px, 9px 5px #fff, 10px 5px #fff, 11px 5px #fff, 12px 5px, 13px 5px, + 14px 5px, 15px 5px, 16px 5px, 1px 6px, 2px 6px, 3px 6px, 4px 6px, 5px 6px, + 6px 6px, 7px 6px, 8px 6px, 9px 6px #fff, 10px 6px #fff, 11px 6px #fff, + 12px 6px, 13px 6px, 14px 6px, 15px 6px, 16px 6px, 1px 7px, 2px 7px, 3px 7px, + 4px 7px, 5px 7px, 6px 7px, 7px 7px, 8px 7px, 9px 7px #fff, 10px 7px #fff, + 11px 7px #fff, 12px 7px, 13px 7px, 14px 7px, 15px 7px, 16px 7px, 1px 8px, + 2px 8px, 3px 8px, 4px 8px, 5px 8px, 6px 8px #fff, 7px 8px #fff, 8px 8px #fff, + 9px 8px #fff, 10px 8px #fff, 11px 8px #fff, 12px 8px #fff, 13px 8px #fff, + 14px 8px #fff, 15px 8px, 16px 8px, 1px 9px, 2px 9px, 3px 9px, 4px 9px, + 5px 9px, 6px 9px #fff, 7px 9px #fff, 8px 9px #fff, 9px 9px #fff, + 10px 9px #fff, 11px 9px #fff, 12px 9px #fff, 13px 9px #fff, 14px 9px #fff, + 15px 9px, 16px 9px, 1px 10px, 2px 10px, 3px 10px, 4px 10px, 5px 10px, + 6px 10px #fff, 7px 10px #fff, 8px 10px #fff, 9px 10px #fff, 10px 10px #fff, + 11px 10px #fff, 12px 10px #fff, 13px 10px #fff, 14px 10px #fff, 15px 10px, + 16px 10px, 1px 11px, 2px 11px, 3px 11px, 4px 11px, 5px 11px, 6px 11px, + 7px 11px, 8px 11px, 9px 11px #fff, 10px 11px #fff, 11px 11px #fff, 12px 11px, + 13px 11px, 14px 11px, 15px 11px, 16px 11px, 1px 12px, 2px 12px, 3px 12px, + 4px 12px, 5px 12px, 6px 12px, 7px 12px, 8px 12px, 9px 12px #fff, + 10px 12px #fff, 11px 12px #fff, 12px 12px, 13px 12px, 14px 12px, 15px 12px, + 16px 12px, 1px 13px, 2px 13px, 3px 13px, 4px 13px, 5px 13px, 6px 13px, + 7px 13px, 8px 13px, 9px 13px #fff, 10px 13px #fff, 11px 13px #fff, 12px 13px, + 13px 13px, 14px 13px, 15px 13px, 16px 13px, 1px 14px, 2px 14px, 3px 14px, + 4px 14px, 5px 14px, 6px 14px, 7px 14px, 8px 14px, 9px 14px #fff, + 10px 14px #fff, 11px 14px #fff, 12px 14px, 13px 14px, 14px 14px, 15px 14px, + 16px 14px, 1px 15px, 2px 15px, 3px 15px, 4px 15px, 5px 15px, 6px 15px, + 7px 15px, 8px 15px, 9px 15px #fff, 10px 15px #fff, 11px 15px #fff, 12px 15px, + 13px 15px, 14px 15px, 15px 15px, 16px 15px, 2px 16px, 3px 16px, 4px 16px, + 5px 16px, 6px 16px, 7px 16px, 8px 16px, 9px 16px #fff, 10px 16px #fff, + 11px 16px #fff, 12px 16px, 13px 16px, 14px 16px, 15px 16px; +} + +@supports (-moz-appearance: meterbar) { + .tcs-icon.facebook::before { + box-shadow: 2px 1px 0 0.02em, 3px 1px 0 0.02em, 4px 1px 0 0.02em, + 5px 1px 0 0.02em, 6px 1px 0 0.02em, 7px 1px 0 0.02em, 8px 1px 0 0.02em, + 9px 1px 0 0.02em, 10px 1px 0 0.02em, 11px 1px 0 0.02em, 12px 1px 0 0.02em, + 13px 1px 0 0.02em, 14px 1px 0 0.02em, 15px 1px 0 0.02em, 1px 2px 0 0.02em, + 2px 2px 0 0.02em, 3px 2px 0 0.02em, 4px 2px 0 0.02em, 5px 2px 0 0.02em, + 6px 2px 0 0.02em, 7px 2px 0 0.02em, 8px 2px 0 0.02em, 9px 2px 0 0.02em, + 10px 2px 0 0.02em, 11px 2px 0 0.02em #fff, 12px 2px 0 0.02em #fff, + 13px 2px 0 0.02em #fff, 14px 2px 0 0.02em #fff, 15px 2px 0 0.02em, + 16px 2px 0 0.02em, 1px 3px 0 0.02em, 2px 3px 0 0.02em, 3px 3px 0 0.02em, + 4px 3px 0 0.02em, 5px 3px 0 0.02em, 6px 3px 0 0.02em, 7px 3px 0 0.02em, + 8px 3px 0 0.02em, 9px 3px 0 0.02em, 10px 3px 0 0.02em #fff, + 11px 3px 0 0.02em #fff, 12px 3px 0 0.02em #fff, 13px 3px 0 0.02em #fff, + 14px 3px 0 0.02em #fff, 15px 3px 0 0.02em, 16px 3px 0 0.02em, + 1px 4px 0 0.02em, 2px 4px 0 0.02em, 3px 4px 0 0.02em, 4px 4px 0 0.02em, + 5px 4px 0 0.02em, 6px 4px 0 0.02em, 7px 4px 0 0.02em, 8px 4px 0 0.02em, + 9px 4px 0 0.02em #fff, 10px 4px 0 0.02em #fff, 11px 4px 0 0.02em #fff, + 12px 4px 0 0.02em #fff, 13px 4px 0 0.02em #fff, 14px 4px 0 0.02em #fff, + 15px 4px 0 0.02em, 16px 4px 0 0.02em, 1px 5px 0 0.02em, 2px 5px 0 0.02em, + 3px 5px 0 0.02em, 4px 5px 0 0.02em, 5px 5px 0 0.02em, 6px 5px 0 0.02em, + 7px 5px 0 0.02em, 8px 5px 0 0.02em, 9px 5px 0 0.02em #fff, + 10px 5px 0 0.02em #fff, 11px 5px 0 0.02em #fff, 12px 5px 0 0.02em, + 13px 5px 0 0.02em, 14px 5px 0 0.02em, 15px 5px 0 0.02em, 16px 5px 0 0.02em, + 1px 6px 0 0.02em, 2px 6px 0 0.02em, 3px 6px 0 0.02em, 4px 6px 0 0.02em, + 5px 6px 0 0.02em, 6px 6px 0 0.02em, 7px 6px 0 0.02em, 8px 6px 0 0.02em, + 9px 6px 0 0.02em #fff, 10px 6px 0 0.02em #fff, 11px 6px 0 0.02em #fff, + 12px 6px 0 0.02em, 13px 6px 0 0.02em, 14px 6px 0 0.02em, 15px 6px 0 0.02em, + 16px 6px 0 0.02em, 1px 7px 0 0.02em, 2px 7px 0 0.02em, 3px 7px 0 0.02em, + 4px 7px 0 0.02em, 5px 7px 0 0.02em, 6px 7px 0 0.02em, 7px 7px 0 0.02em, + 8px 7px 0 0.02em, 9px 7px 0 0.02em #fff, 10px 7px 0 0.02em #fff, + 11px 7px 0 0.02em #fff, 12px 7px 0 0.02em, 13px 7px 0 0.02em, + 14px 7px 0 0.02em, 15px 7px 0 0.02em, 16px 7px 0 0.02em, 1px 8px 0 0.02em, + 2px 8px 0 0.02em, 3px 8px 0 0.02em, 4px 8px 0 0.02em, 5px 8px 0 0.02em, + 6px 8px 0 0.02em #fff, 7px 8px 0 0.02em #fff, 8px 8px 0 0.02em #fff, + 9px 8px 0 0.02em #fff, 10px 8px 0 0.02em #fff, 11px 8px 0 0.02em #fff, + 12px 8px 0 0.02em #fff, 13px 8px 0 0.02em #fff, 14px 8px 0 0.02em #fff, + 15px 8px 0 0.02em, 16px 8px 0 0.02em, 1px 9px 0 0.02em, 2px 9px 0 0.02em, + 3px 9px 0 0.02em, 4px 9px 0 0.02em, 5px 9px 0 0.02em, + 6px 9px 0 0.02em #fff, 7px 9px 0 0.02em #fff, 8px 9px 0 0.02em #fff, + 9px 9px 0 0.02em #fff, 10px 9px 0 0.02em #fff, 11px 9px 0 0.02em #fff, + 12px 9px 0 0.02em #fff, 13px 9px 0 0.02em #fff, 14px 9px 0 0.02em #fff, + 15px 9px 0 0.02em, 16px 9px 0 0.02em, 1px 10px 0 0.02em, 2px 10px 0 0.02em, + 3px 10px 0 0.02em, 4px 10px 0 0.02em, 5px 10px 0 0.02em, + 6px 10px 0 0.02em #fff, 7px 10px 0 0.02em #fff, 8px 10px 0 0.02em #fff, + 9px 10px 0 0.02em #fff, 10px 10px 0 0.02em #fff, 11px 10px 0 0.02em #fff, + 12px 10px 0 0.02em #fff, 13px 10px 0 0.02em #fff, 14px 10px 0 0.02em #fff, + 15px 10px 0 0.02em, 16px 10px 0 0.02em, 1px 11px 0 0.02em, + 2px 11px 0 0.02em, 3px 11px 0 0.02em, 4px 11px 0 0.02em, 5px 11px 0 0.02em, + 6px 11px 0 0.02em, 7px 11px 0 0.02em, 8px 11px 0 0.02em, + 9px 11px 0 0.02em #fff, 10px 11px 0 0.02em #fff, 11px 11px 0 0.02em #fff, + 12px 11px 0 0.02em, 13px 11px 0 0.02em, 14px 11px 0 0.02em, + 15px 11px 0 0.02em, 16px 11px 0 0.02em, 1px 12px 0 0.02em, + 2px 12px 0 0.02em, 3px 12px 0 0.02em, 4px 12px 0 0.02em, 5px 12px 0 0.02em, + 6px 12px 0 0.02em, 7px 12px 0 0.02em, 8px 12px 0 0.02em, + 9px 12px 0 0.02em #fff, 10px 12px 0 0.02em #fff, 11px 12px 0 0.02em #fff, + 12px 12px 0 0.02em, 13px 12px 0 0.02em, 14px 12px 0 0.02em, + 15px 12px 0 0.02em, 16px 12px 0 0.02em, 1px 13px 0 0.02em, + 2px 13px 0 0.02em, 3px 13px 0 0.02em, 4px 13px 0 0.02em, 5px 13px 0 0.02em, + 6px 13px 0 0.02em, 7px 13px 0 0.02em, 8px 13px 0 0.02em, + 9px 13px 0 0.02em #fff, 10px 13px 0 0.02em #fff, 11px 13px 0 0.02em #fff, + 12px 13px 0 0.02em, 13px 13px 0 0.02em, 14px 13px 0 0.02em, + 15px 13px 0 0.02em, 16px 13px 0 0.02em, 1px 14px 0 0.02em, + 2px 14px 0 0.02em, 3px 14px 0 0.02em, 4px 14px 0 0.02em, 5px 14px 0 0.02em, + 6px 14px 0 0.02em, 7px 14px 0 0.02em, 8px 14px 0 0.02em, + 9px 14px 0 0.02em #fff, 10px 14px 0 0.02em #fff, 11px 14px 0 0.02em #fff, + 12px 14px 0 0.02em, 13px 14px 0 0.02em, 14px 14px 0 0.02em, + 15px 14px 0 0.02em, 16px 14px 0 0.02em, 1px 15px 0 0.02em, + 2px 15px 0 0.02em, 3px 15px 0 0.02em, 4px 15px 0 0.02em, 5px 15px 0 0.02em, + 6px 15px 0 0.02em, 7px 15px 0 0.02em, 8px 15px 0 0.02em, + 9px 15px 0 0.02em #fff, 10px 15px 0 0.02em #fff, 11px 15px 0 0.02em #fff, + 12px 15px 0 0.02em, 13px 15px 0 0.02em, 14px 15px 0 0.02em, + 15px 15px 0 0.02em, 16px 15px 0 0.02em, 2px 16px 0 0.02em, + 3px 16px 0 0.02em, 4px 16px 0 0.02em, 5px 16px 0 0.02em, 6px 16px 0 0.02em, + 7px 16px 0 0.02em, 8px 16px 0 0.02em, 9px 16px 0 0.02em #fff, + 10px 16px 0 0.02em #fff, 11px 16px 0 0.02em #fff, 12px 16px 0 0.02em, + 13px 16px 0 0.02em, 14px 16px 0 0.02em, 15px 16px 0 0.02em; + } +} + +.tcs-icon.github::before { + width: 1px; + height: 1px; + color: #333; + box-shadow: 2px 1px, 3px 1px, 4px 1px, 5px 1px, 6px 1px, 7px 1px, 8px 1px, + 9px 1px, 10px 1px, 11px 1px, 12px 1px, 13px 1px, 14px 1px, 15px 1px, 1px 2px, + 2px 2px, 3px 2px, 4px 2px, 5px 2px #fff, 6px 2px, 7px 2px, 8px 2px, 9px 2px, + 10px 2px, 11px 2px, 12px 2px, 13px 2px, 14px 2px #fff, 15px 2px, 16px 2px, + 1px 3px, 2px 3px, 3px 3px, 4px 3px, 5px 3px #fff, 6px 3px #fff, 7px 3px, + 8px 3px, 9px 3px, 10px 3px, 11px 3px, 12px 3px, 13px 3px #fff, 14px 3px #fff, + 15px 3px, 16px 3px, 1px 4px, 2px 4px, 3px 4px, 4px 4px, 5px 4px #fff, + 6px 4px #fff, 7px 4px #fff, 8px 4px #fff, 9px 4px #fff, 10px 4px #fff, + 11px 4px #fff, 12px 4px #fff, 13px 4px #fff, 14px 4px #fff, 15px 4px, + 16px 4px, 1px 5px, 2px 5px, 3px 5px, 4px 5px #fff, 5px 5px #fff, + 6px 5px #fff, 7px 5px #fff, 8px 5px #fff, 9px 5px #fff, 10px 5px #fff, + 11px 5px #fff, 12px 5px #fff, 13px 5px #fff, 14px 5px #fff, 15px 5px #fff, + 16px 5px, 1px 6px, 2px 6px, 3px 6px, 4px 6px #fff, 5px 6px #fff, + 6px 6px #fff, 7px 6px #fff, 8px 6px #fff, 9px 6px #fff, 10px 6px #fff, + 11px 6px #fff, 12px 6px #fff, 13px 6px #fff, 14px 6px #fff, 15px 6px #fff, + 16px 6px, 1px 7px, 2px 7px, 3px 7px, 4px 7px #fff, 5px 7px #fff, + 6px 7px #fff, 7px 7px #fff, 8px 7px #fff, 9px 7px #fff, 10px 7px #fff, + 11px 7px #fff, 12px 7px #fff, 13px 7px #fff, 14px 7px #fff, 15px 7px #fff, + 16px 7px, 1px 8px, 2px 8px, 3px 8px, 4px 8px #fff, 5px 8px #fff, + 6px 8px #fff, 7px 8px #fff, 8px 8px #fff, 9px 8px #fff, 10px 8px #fff, + 11px 8px #fff, 12px 8px #fff, 13px 8px #fff, 14px 8px #fff, 15px 8px #fff, + 16px 8px, 1px 9px, 2px 9px, 3px 9px, 4px 9px, 5px 9px #fff, 6px 9px #fff, + 7px 9px #fff, 8px 9px #fff, 9px 9px #fff, 10px 9px #fff, 11px 9px #fff, + 12px 9px #fff, 13px 9px #fff, 14px 9px #fff, 15px 9px, 16px 9px, 1px 10px, + 2px 10px, 3px 10px, 4px 10px, 5px 10px, 6px 10px #fff, 7px 10px #fff, + 8px 10px #fff, 9px 10px #fff, 10px 10px #fff, 11px 10px #fff, 12px 10px #fff, + 13px 10px #fff, 14px 10px, 15px 10px, 16px 10px, 1px 11px, 2px 11px #fff, + 3px 11px #fff, 4px 11px, 5px 11px, 6px 11px, 7px 11px, 8px 11px #fff, + 9px 11px #fff, 10px 11px #fff, 11px 11px #fff, 12px 11px, 13px 11px, + 14px 11px, 15px 11px, 16px 11px, 1px 12px, 2px 12px, 3px 12px, 4px 12px #fff, + 5px 12px, 6px 12px, 7px 12px #fff, 8px 12px #fff, 9px 12px #fff, + 10px 12px #fff, 11px 12px #fff, 12px 12px #fff, 13px 12px, 14px 12px, + 15px 12px, 16px 12px, 1px 13px, 2px 13px, 3px 13px, 4px 13px, 5px 13px #fff, + 6px 13px #fff, 7px 13px #fff, 8px 13px #fff, 9px 13px #fff, 10px 13px #fff, + 11px 13px #fff, 12px 13px #fff, 13px 13px, 14px 13px, 15px 13px, 16px 13px, + 1px 14px, 2px 14px, 3px 14px, 4px 14px, 5px 14px, 6px 14px, 7px 14px #fff, + 8px 14px #fff, 9px 14px #fff, 10px 14px #fff, 11px 14px #fff, 12px 14px #fff, + 13px 14px, 14px 14px, 15px 14px, 16px 14px, 1px 15px, 2px 15px, 3px 15px, + 4px 15px, 5px 15px, 6px 15px, 7px 15px #fff, 8px 15px #fff, 9px 15px #fff, + 10px 15px #fff, 11px 15px #fff, 12px 15px #fff, 13px 15px, 14px 15px, + 15px 15px, 16px 15px, 2px 16px, 3px 16px, 4px 16px, 5px 16px, 6px 16px, + 7px 16px, 8px 16px, 9px 16px, 10px 16px, 11px 16px, 12px 16px, 13px 16px, + 14px 16px, 15px 16px; +} + +@supports (-moz-appearance: meterbar) { + .tcs-icon.github::before { + box-shadow: 2px 1px 0 0.02em, 3px 1px 0 0.02em, 4px 1px 0 0.02em, + 5px 1px 0 0.02em, 6px 1px 0 0.02em, 7px 1px 0 0.02em, 8px 1px 0 0.02em, + 9px 1px 0 0.02em, 10px 1px 0 0.02em, 11px 1px 0 0.02em, 12px 1px 0 0.02em, + 13px 1px 0 0.02em, 14px 1px 0 0.02em, 15px 1px 0 0.02em, 1px 2px 0 0.02em, + 2px 2px 0 0.02em, 3px 2px 0 0.02em, 4px 2px 0 0.02em, + 5px 2px 0 0.02em #fff, 6px 2px 0 0.02em, 7px 2px 0 0.02em, + 8px 2px 0 0.02em, 9px 2px 0 0.02em, 10px 2px 0 0.02em, 11px 2px 0 0.02em, + 12px 2px 0 0.02em, 13px 2px 0 0.02em, 14px 2px 0 0.02em #fff, + 15px 2px 0 0.02em, 16px 2px 0 0.02em, 1px 3px 0 0.02em, 2px 3px 0 0.02em, + 3px 3px 0 0.02em, 4px 3px 0 0.02em, 5px 3px 0 0.02em #fff, + 6px 3px 0 0.02em #fff, 7px 3px 0 0.02em, 8px 3px 0 0.02em, + 9px 3px 0 0.02em, 10px 3px 0 0.02em, 11px 3px 0 0.02em, 12px 3px 0 0.02em, + 13px 3px 0 0.02em #fff, 14px 3px 0 0.02em #fff, 15px 3px 0 0.02em, + 16px 3px 0 0.02em, 1px 4px 0 0.02em, 2px 4px 0 0.02em, 3px 4px 0 0.02em, + 4px 4px 0 0.02em, 5px 4px 0 0.02em #fff, 6px 4px 0 0.02em #fff, + 7px 4px 0 0.02em #fff, 8px 4px 0 0.02em #fff, 9px 4px 0 0.02em #fff, + 10px 4px 0 0.02em #fff, 11px 4px 0 0.02em #fff, 12px 4px 0 0.02em #fff, + 13px 4px 0 0.02em #fff, 14px 4px 0 0.02em #fff, 15px 4px 0 0.02em, + 16px 4px 0 0.02em, 1px 5px 0 0.02em, 2px 5px 0 0.02em, 3px 5px 0 0.02em, + 4px 5px 0 0.02em #fff, 5px 5px 0 0.02em #fff, 6px 5px 0 0.02em #fff, + 7px 5px 0 0.02em #fff, 8px 5px 0 0.02em #fff, 9px 5px 0 0.02em #fff, + 10px 5px 0 0.02em #fff, 11px 5px 0 0.02em #fff, 12px 5px 0 0.02em #fff, + 13px 5px 0 0.02em #fff, 14px 5px 0 0.02em #fff, 15px 5px 0 0.02em #fff, + 16px 5px 0 0.02em, 1px 6px 0 0.02em, 2px 6px 0 0.02em, 3px 6px 0 0.02em, + 4px 6px 0 0.02em #fff, 5px 6px 0 0.02em #fff, 6px 6px 0 0.02em #fff, + 7px 6px 0 0.02em #fff, 8px 6px 0 0.02em #fff, 9px 6px 0 0.02em #fff, + 10px 6px 0 0.02em #fff, 11px 6px 0 0.02em #fff, 12px 6px 0 0.02em #fff, + 13px 6px 0 0.02em #fff, 14px 6px 0 0.02em #fff, 15px 6px 0 0.02em #fff, + 16px 6px 0 0.02em, 1px 7px 0 0.02em, 2px 7px 0 0.02em, 3px 7px 0 0.02em, + 4px 7px 0 0.02em #fff, 5px 7px 0 0.02em #fff, 6px 7px 0 0.02em #fff, + 7px 7px 0 0.02em #fff, 8px 7px 0 0.02em #fff, 9px 7px 0 0.02em #fff, + 10px 7px 0 0.02em #fff, 11px 7px 0 0.02em #fff, 12px 7px 0 0.02em #fff, + 13px 7px 0 0.02em #fff, 14px 7px 0 0.02em #fff, 15px 7px 0 0.02em #fff, + 16px 7px 0 0.02em, 1px 8px 0 0.02em, 2px 8px 0 0.02em, 3px 8px 0 0.02em, + 4px 8px 0 0.02em #fff, 5px 8px 0 0.02em #fff, 6px 8px 0 0.02em #fff, + 7px 8px 0 0.02em #fff, 8px 8px 0 0.02em #fff, 9px 8px 0 0.02em #fff, + 10px 8px 0 0.02em #fff, 11px 8px 0 0.02em #fff, 12px 8px 0 0.02em #fff, + 13px 8px 0 0.02em #fff, 14px 8px 0 0.02em #fff, 15px 8px 0 0.02em #fff, + 16px 8px 0 0.02em, 1px 9px 0 0.02em, 2px 9px 0 0.02em, 3px 9px 0 0.02em, + 4px 9px 0 0.02em, 5px 9px 0 0.02em #fff, 6px 9px 0 0.02em #fff, + 7px 9px 0 0.02em #fff, 8px 9px 0 0.02em #fff, 9px 9px 0 0.02em #fff, + 10px 9px 0 0.02em #fff, 11px 9px 0 0.02em #fff, 12px 9px 0 0.02em #fff, + 13px 9px 0 0.02em #fff, 14px 9px 0 0.02em #fff, 15px 9px 0 0.02em, + 16px 9px 0 0.02em, 1px 10px 0 0.02em, 2px 10px 0 0.02em, 3px 10px 0 0.02em, + 4px 10px 0 0.02em, 5px 10px 0 0.02em, 6px 10px 0 0.02em #fff, + 7px 10px 0 0.02em #fff, 8px 10px 0 0.02em #fff, 9px 10px 0 0.02em #fff, + 10px 10px 0 0.02em #fff, 11px 10px 0 0.02em #fff, 12px 10px 0 0.02em #fff, + 13px 10px 0 0.02em #fff, 14px 10px 0 0.02em, 15px 10px 0 0.02em, + 16px 10px 0 0.02em, 1px 11px 0 0.02em, 2px 11px 0 0.02em #fff, + 3px 11px 0 0.02em #fff, 4px 11px 0 0.02em, 5px 11px 0 0.02em, + 6px 11px 0 0.02em, 7px 11px 0 0.02em, 8px 11px 0 0.02em #fff, + 9px 11px 0 0.02em #fff, 10px 11px 0 0.02em #fff, 11px 11px 0 0.02em #fff, + 12px 11px 0 0.02em, 13px 11px 0 0.02em, 14px 11px 0 0.02em, + 15px 11px 0 0.02em, 16px 11px 0 0.02em, 1px 12px 0 0.02em, + 2px 12px 0 0.02em, 3px 12px 0 0.02em, 4px 12px 0 0.02em #fff, + 5px 12px 0 0.02em, 6px 12px 0 0.02em, 7px 12px 0 0.02em #fff, + 8px 12px 0 0.02em #fff, 9px 12px 0 0.02em #fff, 10px 12px 0 0.02em #fff, + 11px 12px 0 0.02em #fff, 12px 12px 0 0.02em #fff, 13px 12px 0 0.02em, + 14px 12px 0 0.02em, 15px 12px 0 0.02em, 16px 12px 0 0.02em, + 1px 13px 0 0.02em, 2px 13px 0 0.02em, 3px 13px 0 0.02em, 4px 13px 0 0.02em, + 5px 13px 0 0.02em #fff, 6px 13px 0 0.02em #fff, 7px 13px 0 0.02em #fff, + 8px 13px 0 0.02em #fff, 9px 13px 0 0.02em #fff, 10px 13px 0 0.02em #fff, + 11px 13px 0 0.02em #fff, 12px 13px 0 0.02em #fff, 13px 13px 0 0.02em, + 14px 13px 0 0.02em, 15px 13px 0 0.02em, 16px 13px 0 0.02em, + 1px 14px 0 0.02em, 2px 14px 0 0.02em, 3px 14px 0 0.02em, 4px 14px 0 0.02em, + 5px 14px 0 0.02em, 6px 14px 0 0.02em, 7px 14px 0 0.02em #fff, + 8px 14px 0 0.02em #fff, 9px 14px 0 0.02em #fff, 10px 14px 0 0.02em #fff, + 11px 14px 0 0.02em #fff, 12px 14px 0 0.02em #fff, 13px 14px 0 0.02em, + 14px 14px 0 0.02em, 15px 14px 0 0.02em, 16px 14px 0 0.02em, + 1px 15px 0 0.02em, 2px 15px 0 0.02em, 3px 15px 0 0.02em, 4px 15px 0 0.02em, + 5px 15px 0 0.02em, 6px 15px 0 0.02em, 7px 15px 0 0.02em #fff, + 8px 15px 0 0.02em #fff, 9px 15px 0 0.02em #fff, 10px 15px 0 0.02em #fff, + 11px 15px 0 0.02em #fff, 12px 15px 0 0.02em #fff, 13px 15px 0 0.02em, + 14px 15px 0 0.02em, 15px 15px 0 0.02em, 16px 15px 0 0.02em, + 2px 16px 0 0.02em, 3px 16px 0 0.02em, 4px 16px 0 0.02em, 5px 16px 0 0.02em, + 6px 16px 0 0.02em, 7px 16px 0 0.02em, 8px 16px 0 0.02em, 9px 16px 0 0.02em, + 10px 16px 0 0.02em, 11px 16px 0 0.02em, 12px 16px 0 0.02em, + 13px 16px 0 0.02em, 14px 16px 0 0.02em, 15px 16px 0 0.02em; + } +} + +.tcs-icon.youtube::before { + width: 1px; + height: 1px; + color: #f00; + box-shadow: 2px 1px, 3px 1px, 4px 1px, 5px 1px, 6px 1px, 7px 1px, 8px 1px, + 9px 1px, 10px 1px, 11px 1px, 12px 1px, 13px 1px, 14px 1px, 15px 1px, 1px 2px, + 2px 2px, 3px 2px, 4px 2px, 5px 2px, 6px 2px, 7px 2px, 8px 2px, 9px 2px, + 10px 2px, 11px 2px, 12px 2px, 13px 2px, 14px 2px, 15px 2px, 16px 2px, + 1px 3px, 2px 3px, 3px 3px, 4px 3px, 5px 3px, 6px 3px, 7px 3px, 8px 3px, + 9px 3px, 10px 3px, 11px 3px, 12px 3px, 13px 3px, 14px 3px, 15px 3px, + 16px 3px, 1px 4px, 2px 4px, 3px 4px, 4px 4px, 5px 4px, 6px 4px, 7px 4px #fff, + 8px 4px, 9px 4px, 10px 4px, 11px 4px, 12px 4px, 13px 4px, 14px 4px, 15px 4px, + 16px 4px, 1px 5px, 2px 5px, 3px 5px, 4px 5px, 5px 5px, 6px 5px, 7px 5px #fff, + 8px 5px #fff, 9px 5px, 10px 5px, 11px 5px, 12px 5px, 13px 5px, 14px 5px, + 15px 5px, 16px 5px, 1px 6px, 2px 6px, 3px 6px, 4px 6px, 5px 6px, 6px 6px, + 7px 6px #fff, 8px 6px #fff, 9px 6px #fff, 10px 6px, 11px 6px, 12px 6px, + 13px 6px, 14px 6px, 15px 6px, 16px 6px, 1px 7px, 2px 7px, 3px 7px, 4px 7px, + 5px 7px, 6px 7px, 7px 7px #fff, 8px 7px #fff, 9px 7px #fff, 10px 7px #fff, + 11px 7px, 12px 7px, 13px 7px, 14px 7px, 15px 7px, 16px 7px, 1px 8px, 2px 8px, + 3px 8px, 4px 8px, 5px 8px, 6px 8px, 7px 8px #fff, 8px 8px #fff, 9px 8px #fff, + 10px 8px #fff, 11px 8px #fff, 12px 8px, 13px 8px, 14px 8px, 15px 8px, + 16px 8px, 1px 9px, 2px 9px, 3px 9px, 4px 9px, 5px 9px, 6px 9px, 7px 9px #fff, + 8px 9px #fff, 9px 9px #fff, 10px 9px #fff, 11px 9px, 12px 9px, 13px 9px, + 14px 9px, 15px 9px, 16px 9px, 1px 10px, 2px 10px, 3px 10px, 4px 10px, + 5px 10px, 6px 10px, 7px 10px #fff, 8px 10px #fff, 9px 10px #fff, 10px 10px, + 11px 10px, 12px 10px, 13px 10px, 14px 10px, 15px 10px, 16px 10px, 1px 11px, + 2px 11px, 3px 11px, 4px 11px, 5px 11px, 6px 11px, 7px 11px #fff, + 8px 11px #fff, 9px 11px, 10px 11px, 11px 11px, 12px 11px, 13px 11px, + 14px 11px, 15px 11px, 16px 11px, 1px 12px, 2px 12px, 3px 12px, 4px 12px, + 5px 12px, 6px 12px, 7px 12px #fff, 8px 12px, 9px 12px, 10px 12px, 11px 12px, + 12px 12px, 13px 12px, 14px 12px, 15px 12px, 16px 12px, 1px 13px, 2px 13px, + 3px 13px, 4px 13px, 5px 13px, 6px 13px, 7px 13px, 8px 13px, 9px 13px, + 10px 13px, 11px 13px, 12px 13px, 13px 13px, 14px 13px, 15px 13px, 16px 13px, + 1px 14px, 2px 14px, 3px 14px, 4px 14px, 5px 14px, 6px 14px, 7px 14px, + 8px 14px, 9px 14px, 10px 14px, 11px 14px, 12px 14px, 13px 14px, 14px 14px, + 15px 14px, 16px 14px, 1px 15px, 2px 15px, 3px 15px, 4px 15px, 5px 15px, + 6px 15px, 7px 15px, 8px 15px, 9px 15px, 10px 15px, 11px 15px, 12px 15px, + 13px 15px, 14px 15px, 15px 15px, 16px 15px, 2px 16px, 3px 16px, 4px 16px, + 5px 16px, 6px 16px, 7px 16px, 8px 16px, 9px 16px, 10px 16px, 11px 16px, + 12px 16px, 13px 16px, 14px 16px, 15px 16px; +} + +@supports (-moz-appearance: meterbar) { + .tcs-icon.youtube::before { + box-shadow: 2px 1px 0 0.02em, 3px 1px 0 0.02em, 4px 1px 0 0.02em, + 5px 1px 0 0.02em, 6px 1px 0 0.02em, 7px 1px 0 0.02em, 8px 1px 0 0.02em, + 9px 1px 0 0.02em, 10px 1px 0 0.02em, 11px 1px 0 0.02em, 12px 1px 0 0.02em, + 13px 1px 0 0.02em, 14px 1px 0 0.02em, 15px 1px 0 0.02em, 1px 2px 0 0.02em, + 2px 2px 0 0.02em, 3px 2px 0 0.02em, 4px 2px 0 0.02em, 5px 2px 0 0.02em, + 6px 2px 0 0.02em, 7px 2px 0 0.02em, 8px 2px 0 0.02em, 9px 2px 0 0.02em, + 10px 2px 0 0.02em, 11px 2px 0 0.02em, 12px 2px 0 0.02em, 13px 2px 0 0.02em, + 14px 2px 0 0.02em, 15px 2px 0 0.02em, 16px 2px 0 0.02em, 1px 3px 0 0.02em, + 2px 3px 0 0.02em, 3px 3px 0 0.02em, 4px 3px 0 0.02em, 5px 3px 0 0.02em, + 6px 3px 0 0.02em, 7px 3px 0 0.02em, 8px 3px 0 0.02em, 9px 3px 0 0.02em, + 10px 3px 0 0.02em, 11px 3px 0 0.02em, 12px 3px 0 0.02em, 13px 3px 0 0.02em, + 14px 3px 0 0.02em, 15px 3px 0 0.02em, 16px 3px 0 0.02em, 1px 4px 0 0.02em, + 2px 4px 0 0.02em, 3px 4px 0 0.02em, 4px 4px 0 0.02em, 5px 4px 0 0.02em, + 6px 4px 0 0.02em, 7px 4px 0 0.02em #fff, 8px 4px 0 0.02em, + 9px 4px 0 0.02em, 10px 4px 0 0.02em, 11px 4px 0 0.02em, 12px 4px 0 0.02em, + 13px 4px 0 0.02em, 14px 4px 0 0.02em, 15px 4px 0 0.02em, 16px 4px 0 0.02em, + 1px 5px 0 0.02em, 2px 5px 0 0.02em, 3px 5px 0 0.02em, 4px 5px 0 0.02em, + 5px 5px 0 0.02em, 6px 5px 0 0.02em, 7px 5px 0 0.02em #fff, + 8px 5px 0 0.02em #fff, 9px 5px 0 0.02em, 10px 5px 0 0.02em, + 11px 5px 0 0.02em, 12px 5px 0 0.02em, 13px 5px 0 0.02em, 14px 5px 0 0.02em, + 15px 5px 0 0.02em, 16px 5px 0 0.02em, 1px 6px 0 0.02em, 2px 6px 0 0.02em, + 3px 6px 0 0.02em, 4px 6px 0 0.02em, 5px 6px 0 0.02em, 6px 6px 0 0.02em, + 7px 6px 0 0.02em #fff, 8px 6px 0 0.02em #fff, 9px 6px 0 0.02em #fff, + 10px 6px 0 0.02em, 11px 6px 0 0.02em, 12px 6px 0 0.02em, 13px 6px 0 0.02em, + 14px 6px 0 0.02em, 15px 6px 0 0.02em, 16px 6px 0 0.02em, 1px 7px 0 0.02em, + 2px 7px 0 0.02em, 3px 7px 0 0.02em, 4px 7px 0 0.02em, 5px 7px 0 0.02em, + 6px 7px 0 0.02em, 7px 7px 0 0.02em #fff, 8px 7px 0 0.02em #fff, + 9px 7px 0 0.02em #fff, 10px 7px 0 0.02em #fff, 11px 7px 0 0.02em, + 12px 7px 0 0.02em, 13px 7px 0 0.02em, 14px 7px 0 0.02em, 15px 7px 0 0.02em, + 16px 7px 0 0.02em, 1px 8px 0 0.02em, 2px 8px 0 0.02em, 3px 8px 0 0.02em, + 4px 8px 0 0.02em, 5px 8px 0 0.02em, 6px 8px 0 0.02em, + 7px 8px 0 0.02em #fff, 8px 8px 0 0.02em #fff, 9px 8px 0 0.02em #fff, + 10px 8px 0 0.02em #fff, 11px 8px 0 0.02em #fff, 12px 8px 0 0.02em, + 13px 8px 0 0.02em, 14px 8px 0 0.02em, 15px 8px 0 0.02em, 16px 8px 0 0.02em, + 1px 9px 0 0.02em, 2px 9px 0 0.02em, 3px 9px 0 0.02em, 4px 9px 0 0.02em, + 5px 9px 0 0.02em, 6px 9px 0 0.02em, 7px 9px 0 0.02em #fff, + 8px 9px 0 0.02em #fff, 9px 9px 0 0.02em #fff, 10px 9px 0 0.02em #fff, + 11px 9px 0 0.02em, 12px 9px 0 0.02em, 13px 9px 0 0.02em, 14px 9px 0 0.02em, + 15px 9px 0 0.02em, 16px 9px 0 0.02em, 1px 10px 0 0.02em, 2px 10px 0 0.02em, + 3px 10px 0 0.02em, 4px 10px 0 0.02em, 5px 10px 0 0.02em, 6px 10px 0 0.02em, + 7px 10px 0 0.02em #fff, 8px 10px 0 0.02em #fff, 9px 10px 0 0.02em #fff, + 10px 10px 0 0.02em, 11px 10px 0 0.02em, 12px 10px 0 0.02em, + 13px 10px 0 0.02em, 14px 10px 0 0.02em, 15px 10px 0 0.02em, + 16px 10px 0 0.02em, 1px 11px 0 0.02em, 2px 11px 0 0.02em, + 3px 11px 0 0.02em, 4px 11px 0 0.02em, 5px 11px 0 0.02em, 6px 11px 0 0.02em, + 7px 11px 0 0.02em #fff, 8px 11px 0 0.02em #fff, 9px 11px 0 0.02em, + 10px 11px 0 0.02em, 11px 11px 0 0.02em, 12px 11px 0 0.02em, + 13px 11px 0 0.02em, 14px 11px 0 0.02em, 15px 11px 0 0.02em, + 16px 11px 0 0.02em, 1px 12px 0 0.02em, 2px 12px 0 0.02em, + 3px 12px 0 0.02em, 4px 12px 0 0.02em, 5px 12px 0 0.02em, 6px 12px 0 0.02em, + 7px 12px 0 0.02em #fff, 8px 12px 0 0.02em, 9px 12px 0 0.02em, + 10px 12px 0 0.02em, 11px 12px 0 0.02em, 12px 12px 0 0.02em, + 13px 12px 0 0.02em, 14px 12px 0 0.02em, 15px 12px 0 0.02em, + 16px 12px 0 0.02em, 1px 13px 0 0.02em, 2px 13px 0 0.02em, + 3px 13px 0 0.02em, 4px 13px 0 0.02em, 5px 13px 0 0.02em, 6px 13px 0 0.02em, + 7px 13px 0 0.02em, 8px 13px 0 0.02em, 9px 13px 0 0.02em, + 10px 13px 0 0.02em, 11px 13px 0 0.02em, 12px 13px 0 0.02em, + 13px 13px 0 0.02em, 14px 13px 0 0.02em, 15px 13px 0 0.02em, + 16px 13px 0 0.02em, 1px 14px 0 0.02em, 2px 14px 0 0.02em, + 3px 14px 0 0.02em, 4px 14px 0 0.02em, 5px 14px 0 0.02em, 6px 14px 0 0.02em, + 7px 14px 0 0.02em, 8px 14px 0 0.02em, 9px 14px 0 0.02em, + 10px 14px 0 0.02em, 11px 14px 0 0.02em, 12px 14px 0 0.02em, + 13px 14px 0 0.02em, 14px 14px 0 0.02em, 15px 14px 0 0.02em, + 16px 14px 0 0.02em, 1px 15px 0 0.02em, 2px 15px 0 0.02em, + 3px 15px 0 0.02em, 4px 15px 0 0.02em, 5px 15px 0 0.02em, 6px 15px 0 0.02em, + 7px 15px 0 0.02em, 8px 15px 0 0.02em, 9px 15px 0 0.02em, + 10px 15px 0 0.02em, 11px 15px 0 0.02em, 12px 15px 0 0.02em, + 13px 15px 0 0.02em, 14px 15px 0 0.02em, 15px 15px 0 0.02em, + 16px 15px 0 0.02em, 2px 16px 0 0.02em, 3px 16px 0 0.02em, + 4px 16px 0 0.02em, 5px 16px 0 0.02em, 6px 16px 0 0.02em, 7px 16px 0 0.02em, + 8px 16px 0 0.02em, 9px 16px 0 0.02em, 10px 16px 0 0.02em, + 11px 16px 0 0.02em, 12px 16px 0 0.02em, 13px 16px 0 0.02em, + 14px 16px 0 0.02em, 15px 16px 0 0.02em; + } +} + +.tcs-icon.close::before { + width: 1px; + height: 1px; + color: #212529; + box-shadow: 1px 1px, 2px 1px, 3px 1px, 4px 1px, 13px 1px, 14px 1px, 15px 1px, + 16px 1px, 1px 2px, 2px 2px, 3px 2px, 4px 2px, 13px 2px, 14px 2px, 15px 2px, + 16px 2px, 1px 3px, 2px 3px, 3px 3px, 4px 3px, 13px 3px, 14px 3px, 15px 3px, + 16px 3px, 1px 4px, 2px 4px, 3px 4px, 4px 4px, 5px 4px, 6px 4px, 7px 4px, + 10px 4px, 11px 4px, 12px 4px, 13px 4px, 14px 4px, 15px 4px, 16px 4px, + 4px 5px, 5px 5px, 6px 5px, 7px 5px, 10px 5px, 11px 5px, 12px 5px, 13px 5px, + 4px 6px, 5px 6px, 6px 6px, 7px 6px, 10px 6px, 11px 6px, 12px 6px, 13px 6px, + 4px 7px, 5px 7px, 6px 7px, 7px 7px, 8px 7px, 9px 7px, 10px 7px, 11px 7px, + 12px 7px, 13px 7px, 7px 8px, 8px 8px, 9px 8px, 10px 8px, 7px 9px, 8px 9px, + 9px 9px, 10px 9px, 4px 10px, 5px 10px, 6px 10px, 7px 10px, 8px 10px, + 9px 10px, 10px 10px, 11px 10px, 12px 10px, 13px 10px, 4px 11px, 5px 11px, + 6px 11px, 7px 11px, 10px 11px, 11px 11px, 12px 11px, 13px 11px, 4px 12px, + 5px 12px, 6px 12px, 7px 12px, 10px 12px, 11px 12px, 12px 12px, 13px 12px, + 1px 13px, 2px 13px, 3px 13px, 4px 13px, 5px 13px, 6px 13px, 7px 13px, + 10px 13px, 11px 13px, 12px 13px, 13px 13px, 14px 13px, 15px 13px, 16px 13px, + 1px 14px, 2px 14px, 3px 14px, 4px 14px, 13px 14px, 14px 14px, 15px 14px, + 16px 14px, 1px 15px, 2px 15px, 3px 15px, 4px 15px, 13px 15px, 14px 15px, + 15px 15px, 16px 15px, 1px 16px, 2px 16px, 3px 16px, 4px 16px, 13px 16px, + 14px 16px, 15px 16px, 16px 16px; +} + +@supports (-moz-appearance: meterbar) { + .tcs-icon.close::before { + box-shadow: 1px 1px 0 0.02em, 2px 1px 0 0.02em, 3px 1px 0 0.02em, + 4px 1px 0 0.02em, 13px 1px 0 0.02em, 14px 1px 0 0.02em, 15px 1px 0 0.02em, + 16px 1px 0 0.02em, 1px 2px 0 0.02em, 2px 2px 0 0.02em, 3px 2px 0 0.02em, + 4px 2px 0 0.02em, 13px 2px 0 0.02em, 14px 2px 0 0.02em, 15px 2px 0 0.02em, + 16px 2px 0 0.02em, 1px 3px 0 0.02em, 2px 3px 0 0.02em, 3px 3px 0 0.02em, + 4px 3px 0 0.02em, 13px 3px 0 0.02em, 14px 3px 0 0.02em, 15px 3px 0 0.02em, + 16px 3px 0 0.02em, 1px 4px 0 0.02em, 2px 4px 0 0.02em, 3px 4px 0 0.02em, + 4px 4px 0 0.02em, 5px 4px 0 0.02em, 6px 4px 0 0.02em, 7px 4px 0 0.02em, + 10px 4px 0 0.02em, 11px 4px 0 0.02em, 12px 4px 0 0.02em, 13px 4px 0 0.02em, + 14px 4px 0 0.02em, 15px 4px 0 0.02em, 16px 4px 0 0.02em, 4px 5px 0 0.02em, + 5px 5px 0 0.02em, 6px 5px 0 0.02em, 7px 5px 0 0.02em, 10px 5px 0 0.02em, + 11px 5px 0 0.02em, 12px 5px 0 0.02em, 13px 5px 0 0.02em, 4px 6px 0 0.02em, + 5px 6px 0 0.02em, 6px 6px 0 0.02em, 7px 6px 0 0.02em, 10px 6px 0 0.02em, + 11px 6px 0 0.02em, 12px 6px 0 0.02em, 13px 6px 0 0.02em, 4px 7px 0 0.02em, + 5px 7px 0 0.02em, 6px 7px 0 0.02em, 7px 7px 0 0.02em, 8px 7px 0 0.02em, + 9px 7px 0 0.02em, 10px 7px 0 0.02em, 11px 7px 0 0.02em, 12px 7px 0 0.02em, + 13px 7px 0 0.02em, 7px 8px 0 0.02em, 8px 8px 0 0.02em, 9px 8px 0 0.02em, + 10px 8px 0 0.02em, 7px 9px 0 0.02em, 8px 9px 0 0.02em, 9px 9px 0 0.02em, + 10px 9px 0 0.02em, 4px 10px 0 0.02em, 5px 10px 0 0.02em, 6px 10px 0 0.02em, + 7px 10px 0 0.02em, 8px 10px 0 0.02em, 9px 10px 0 0.02em, + 10px 10px 0 0.02em, 11px 10px 0 0.02em, 12px 10px 0 0.02em, + 13px 10px 0 0.02em, 4px 11px 0 0.02em, 5px 11px 0 0.02em, + 6px 11px 0 0.02em, 7px 11px 0 0.02em, 10px 11px 0 0.02em, + 11px 11px 0 0.02em, 12px 11px 0 0.02em, 13px 11px 0 0.02em, + 4px 12px 0 0.02em, 5px 12px 0 0.02em, 6px 12px 0 0.02em, 7px 12px 0 0.02em, + 10px 12px 0 0.02em, 11px 12px 0 0.02em, 12px 12px 0 0.02em, + 13px 12px 0 0.02em, 1px 13px 0 0.02em, 2px 13px 0 0.02em, + 3px 13px 0 0.02em, 4px 13px 0 0.02em, 5px 13px 0 0.02em, 6px 13px 0 0.02em, + 7px 13px 0 0.02em, 10px 13px 0 0.02em, 11px 13px 0 0.02em, + 12px 13px 0 0.02em, 13px 13px 0 0.02em, 14px 13px 0 0.02em, + 15px 13px 0 0.02em, 16px 13px 0 0.02em, 1px 14px 0 0.02em, + 2px 14px 0 0.02em, 3px 14px 0 0.02em, 4px 14px 0 0.02em, + 13px 14px 0 0.02em, 14px 14px 0 0.02em, 15px 14px 0 0.02em, + 16px 14px 0 0.02em, 1px 15px 0 0.02em, 2px 15px 0 0.02em, + 3px 15px 0 0.02em, 4px 15px 0 0.02em, 13px 15px 0 0.02em, + 14px 15px 0 0.02em, 15px 15px 0 0.02em, 16px 15px 0 0.02em, + 1px 16px 0 0.02em, 2px 16px 0 0.02em, 3px 16px 0 0.02em, 4px 16px 0 0.02em, + 13px 16px 0 0.02em, 14px 16px 0 0.02em, 15px 16px 0 0.02em, + 16px 16px 0 0.02em; + } +} + +.tcs-icon.google::before { + width: 1px; + height: 1px; + color: #fff; + box-shadow: 2px 1px, 3px 1px, 4px 1px, 5px 1px, 6px 1px, 7px 1px, 8px 1px, + 9px 1px, 10px 1px, 11px 1px, 12px 1px, 13px 1px, 14px 1px, 15px 1px, 1px 2px, + 2px 2px, 3px 2px, 4px 2px, 5px 2px, 6px 2px #db4437, 7px 2px #db4437, + 8px 2px #db4437, 9px 2px #db4437, 10px 2px #db4437, 11px 2px #db4437, + 12px 2px, 13px 2px, 14px 2px, 15px 2px, 16px 2px, 1px 3px, 2px 3px, 3px 3px, + 4px 3px #db4437, 5px 3px #db4437, 6px 3px #db4437, 7px 3px #db4437, + 8px 3px #db4437, 9px 3px #db4437, 10px 3px #db4437, 11px 3px #db4437, + 12px 3px #db4437, 13px 3px #db4437, 14px 3px, 15px 3px, 16px 3px, 1px 4px, + 2px 4px, 3px 4px #db4437, 4px 4px #db4437, 5px 4px #db4437, 6px 4px #db4437, + 7px 4px #db4437, 8px 4px #db4437, 9px 4px #db4437, 10px 4px #db4437, + 11px 4px #db4437, 12px 4px #db4437, 13px 4px, 14px 4px, 15px 4px, 16px 4px, + 1px 5px, 2px 5px #db4437, 3px 5px #db4437, 4px 5px #db4437, 5px 5px #db4437, + 6px 5px, 7px 5px, 8px 5px, 9px 5px, 10px 5px, 11px 5px #db4437, 12px 5px, + 13px 5px, 14px 5px, 15px 5px, 16px 5px, 1px 6px #f4b400, 2px 6px #db4437, + 3px 6px #db4437, 4px 6px #db4437, 5px 6px, 6px 6px, 7px 6px, 8px 6px, + 9px 6px, 10px 6px, 11px 6px, 12px 6px, 13px 6px, 14px 6px, 15px 6px, + 16px 6px, 1px 7px #f4b400, 2px 7px #f4b400, 3px 7px #db4437, 4px 7px, + 5px 7px, 6px 7px, 7px 7px, 8px 7px, 9px 7px, 10px 7px, 11px 7px, 12px 7px, + 13px 7px, 14px 7px, 15px 7px, 16px 7px, 1px 8px #f4b400, 2px 8px #f4b400, + 3px 8px #f4b400, 4px 8px, 5px 8px, 6px 8px, 7px 8px, 8px 8px, + 9px 8px #4285f4, 10px 8px #4285f4, 11px 8px #4285f4, 12px 8px #4285f4, + 13px 8px #4285f4, 14px 8px #4285f4, 15px 8px #4285f4, 16px 8px, + 1px 9px #f4b400, 2px 9px #f4b400, 3px 9px #f4b400, 4px 9px, 5px 9px, 6px 9px, + 7px 9px, 8px 9px, 9px 9px #4285f4, 10px 9px #4285f4, 11px 9px #4285f4, + 12px 9px #4285f4, 13px 9px #4285f4, 14px 9px #4285f4, 15px 9px #4285f4, + 16px 9px, 1px 10px #f4b400, 2px 10px #f4b400, 3px 10px #f4b400, 4px 10px, + 5px 10px, 6px 10px, 7px 10px, 8px 10px, 9px 10px #4285f4, 10px 10px #4285f4, + 11px 10px #4285f4, 12px 10px #4285f4, 13px 10px #4285f4, 14px 10px #4285f4, + 15px 10px #4285f4, 16px 10px, 1px 11px #f4b400, 2px 11px #f4b400, + 3px 11px #0f9d58, 4px 11px, 5px 11px, 6px 11px, 7px 11px, 8px 11px, 9px 11px, + 10px 11px, 11px 11px, 12px 11px, 13px 11px #4285f4, 14px 11px #4285f4, + 15px 11px #4285f4, 16px 11px, 1px 12px #f4b400, 2px 12px #0f9d58, + 3px 12px #0f9d58, 4px 12px #0f9d58, 5px 12px, 6px 12px, 7px 12px, 8px 12px, + 9px 12px, 10px 12px, 11px 12px, 12px 12px #4285f4, 13px 12px #4285f4, + 14px 12px #4285f4, 15px 12px #4285f4, 16px 12px, 1px 13px, 2px 13px #0f9d58, + 3px 13px #0f9d58, 4px 13px #0f9d58, 5px 13px #0f9d58, 6px 13px, 7px 13px, + 8px 13px, 9px 13px, 10px 13px, 11px 13px #0f9d58, 12px 13px #4285f4, + 13px 13px #4285f4, 14px 13px #4285f4, 15px 13px, 16px 13px, 1px 14px, + 2px 14px, 3px 14px #0f9d58, 4px 14px #0f9d58, 5px 14px #0f9d58, + 6px 14px #0f9d58, 7px 14px #0f9d58, 8px 14px #0f9d58, 9px 14px #0f9d58, + 10px 14px #0f9d58, 11px 14px #0f9d58, 12px 14px #0f9d58, 13px 14px #4285f4, + 14px 14px #4285f4, 15px 14px, 16px 14px, 1px 15px, 2px 15px, 3px 15px, + 4px 15px #0f9d58, 5px 15px #0f9d58, 6px 15px #0f9d58, 7px 15px #0f9d58, + 8px 15px #0f9d58, 9px 15px #0f9d58, 10px 15px #0f9d58, 11px 15px #0f9d58, + 12px 15px #0f9d58, 13px 15px #0f9d58, 14px 15px, 15px 15px, 16px 15px, + 2px 16px, 3px 16px, 4px 16px, 5px 16px, 6px 16px #0f9d58, 7px 16px #0f9d58, + 8px 16px #0f9d58, 9px 16px #0f9d58, 10px 16px #0f9d58, 11px 16px #0f9d58, + 12px 16px, 13px 16px, 14px 16px, 15px 16px; +} + +@supports (-moz-appearance: meterbar) { + .tcs-icon.google::before { + box-shadow: 2px 1px 0 0.02em, 3px 1px 0 0.02em, 4px 1px 0 0.02em, + 5px 1px 0 0.02em, 6px 1px 0 0.02em, 7px 1px 0 0.02em, 8px 1px 0 0.02em, + 9px 1px 0 0.02em, 10px 1px 0 0.02em, 11px 1px 0 0.02em, 12px 1px 0 0.02em, + 13px 1px 0 0.02em, 14px 1px 0 0.02em, 15px 1px 0 0.02em, 1px 2px 0 0.02em, + 2px 2px 0 0.02em, 3px 2px 0 0.02em, 4px 2px 0 0.02em, 5px 2px 0 0.02em, + 6px 2px 0 0.02em #db4437, 7px 2px 0 0.02em #db4437, + 8px 2px 0 0.02em #db4437, 9px 2px 0 0.02em #db4437, + 10px 2px 0 0.02em #db4437, 11px 2px 0 0.02em #db4437, 12px 2px 0 0.02em, + 13px 2px 0 0.02em, 14px 2px 0 0.02em, 15px 2px 0 0.02em, 16px 2px 0 0.02em, + 1px 3px 0 0.02em, 2px 3px 0 0.02em, 3px 3px 0 0.02em, + 4px 3px 0 0.02em #db4437, 5px 3px 0 0.02em #db4437, + 6px 3px 0 0.02em #db4437, 7px 3px 0 0.02em #db4437, + 8px 3px 0 0.02em #db4437, 9px 3px 0 0.02em #db4437, + 10px 3px 0 0.02em #db4437, 11px 3px 0 0.02em #db4437, + 12px 3px 0 0.02em #db4437, 13px 3px 0 0.02em #db4437, 14px 3px 0 0.02em, + 15px 3px 0 0.02em, 16px 3px 0 0.02em, 1px 4px 0 0.02em, 2px 4px 0 0.02em, + 3px 4px 0 0.02em #db4437, 4px 4px 0 0.02em #db4437, + 5px 4px 0 0.02em #db4437, 6px 4px 0 0.02em #db4437, + 7px 4px 0 0.02em #db4437, 8px 4px 0 0.02em #db4437, + 9px 4px 0 0.02em #db4437, 10px 4px 0 0.02em #db4437, + 11px 4px 0 0.02em #db4437, 12px 4px 0 0.02em #db4437, 13px 4px 0 0.02em, + 14px 4px 0 0.02em, 15px 4px 0 0.02em, 16px 4px 0 0.02em, 1px 5px 0 0.02em, + 2px 5px 0 0.02em #db4437, 3px 5px 0 0.02em #db4437, + 4px 5px 0 0.02em #db4437, 5px 5px 0 0.02em #db4437, 6px 5px 0 0.02em, + 7px 5px 0 0.02em, 8px 5px 0 0.02em, 9px 5px 0 0.02em, 10px 5px 0 0.02em, + 11px 5px 0 0.02em #db4437, 12px 5px 0 0.02em, 13px 5px 0 0.02em, + 14px 5px 0 0.02em, 15px 5px 0 0.02em, 16px 5px 0 0.02em, + 1px 6px 0 0.02em #f4b400, 2px 6px 0 0.02em #db4437, + 3px 6px 0 0.02em #db4437, 4px 6px 0 0.02em #db4437, 5px 6px 0 0.02em, + 6px 6px 0 0.02em, 7px 6px 0 0.02em, 8px 6px 0 0.02em, 9px 6px 0 0.02em, + 10px 6px 0 0.02em, 11px 6px 0 0.02em, 12px 6px 0 0.02em, 13px 6px 0 0.02em, + 14px 6px 0 0.02em, 15px 6px 0 0.02em, 16px 6px 0 0.02em, + 1px 7px 0 0.02em #f4b400, 2px 7px 0 0.02em #f4b400, + 3px 7px 0 0.02em #db4437, 4px 7px 0 0.02em, 5px 7px 0 0.02em, + 6px 7px 0 0.02em, 7px 7px 0 0.02em, 8px 7px 0 0.02em, 9px 7px 0 0.02em, + 10px 7px 0 0.02em, 11px 7px 0 0.02em, 12px 7px 0 0.02em, 13px 7px 0 0.02em, + 14px 7px 0 0.02em, 15px 7px 0 0.02em, 16px 7px 0 0.02em, + 1px 8px 0 0.02em #f4b400, 2px 8px 0 0.02em #f4b400, + 3px 8px 0 0.02em #f4b400, 4px 8px 0 0.02em, 5px 8px 0 0.02em, + 6px 8px 0 0.02em, 7px 8px 0 0.02em, 8px 8px 0 0.02em, + 9px 8px 0 0.02em #4285f4, 10px 8px 0 0.02em #4285f4, + 11px 8px 0 0.02em #4285f4, 12px 8px 0 0.02em #4285f4, + 13px 8px 0 0.02em #4285f4, 14px 8px 0 0.02em #4285f4, + 15px 8px 0 0.02em #4285f4, 16px 8px 0 0.02em, 1px 9px 0 0.02em #f4b400, + 2px 9px 0 0.02em #f4b400, 3px 9px 0 0.02em #f4b400, 4px 9px 0 0.02em, + 5px 9px 0 0.02em, 6px 9px 0 0.02em, 7px 9px 0 0.02em, 8px 9px 0 0.02em, + 9px 9px 0 0.02em #4285f4, 10px 9px 0 0.02em #4285f4, + 11px 9px 0 0.02em #4285f4, 12px 9px 0 0.02em #4285f4, + 13px 9px 0 0.02em #4285f4, 14px 9px 0 0.02em #4285f4, + 15px 9px 0 0.02em #4285f4, 16px 9px 0 0.02em, 1px 10px 0 0.02em #f4b400, + 2px 10px 0 0.02em #f4b400, 3px 10px 0 0.02em #f4b400, 4px 10px 0 0.02em, + 5px 10px 0 0.02em, 6px 10px 0 0.02em, 7px 10px 0 0.02em, 8px 10px 0 0.02em, + 9px 10px 0 0.02em #4285f4, 10px 10px 0 0.02em #4285f4, + 11px 10px 0 0.02em #4285f4, 12px 10px 0 0.02em #4285f4, + 13px 10px 0 0.02em #4285f4, 14px 10px 0 0.02em #4285f4, + 15px 10px 0 0.02em #4285f4, 16px 10px 0 0.02em, 1px 11px 0 0.02em #f4b400, + 2px 11px 0 0.02em #f4b400, 3px 11px 0 0.02em #0f9d58, 4px 11px 0 0.02em, + 5px 11px 0 0.02em, 6px 11px 0 0.02em, 7px 11px 0 0.02em, 8px 11px 0 0.02em, + 9px 11px 0 0.02em, 10px 11px 0 0.02em, 11px 11px 0 0.02em, + 12px 11px 0 0.02em, 13px 11px 0 0.02em #4285f4, 14px 11px 0 0.02em #4285f4, + 15px 11px 0 0.02em #4285f4, 16px 11px 0 0.02em, 1px 12px 0 0.02em #f4b400, + 2px 12px 0 0.02em #0f9d58, 3px 12px 0 0.02em #0f9d58, + 4px 12px 0 0.02em #0f9d58, 5px 12px 0 0.02em, 6px 12px 0 0.02em, + 7px 12px 0 0.02em, 8px 12px 0 0.02em, 9px 12px 0 0.02em, + 10px 12px 0 0.02em, 11px 12px 0 0.02em, 12px 12px 0 0.02em #4285f4, + 13px 12px 0 0.02em #4285f4, 14px 12px 0 0.02em #4285f4, + 15px 12px 0 0.02em #4285f4, 16px 12px 0 0.02em, 1px 13px 0 0.02em, + 2px 13px 0 0.02em #0f9d58, 3px 13px 0 0.02em #0f9d58, + 4px 13px 0 0.02em #0f9d58, 5px 13px 0 0.02em #0f9d58, 6px 13px 0 0.02em, + 7px 13px 0 0.02em, 8px 13px 0 0.02em, 9px 13px 0 0.02em, + 10px 13px 0 0.02em, 11px 13px 0 0.02em #0f9d58, 12px 13px 0 0.02em #4285f4, + 13px 13px 0 0.02em #4285f4, 14px 13px 0 0.02em #4285f4, 15px 13px 0 0.02em, + 16px 13px 0 0.02em, 1px 14px 0 0.02em, 2px 14px 0 0.02em, + 3px 14px 0 0.02em #0f9d58, 4px 14px 0 0.02em #0f9d58, + 5px 14px 0 0.02em #0f9d58, 6px 14px 0 0.02em #0f9d58, + 7px 14px 0 0.02em #0f9d58, 8px 14px 0 0.02em #0f9d58, + 9px 14px 0 0.02em #0f9d58, 10px 14px 0 0.02em #0f9d58, + 11px 14px 0 0.02em #0f9d58, 12px 14px 0 0.02em #0f9d58, + 13px 14px 0 0.02em #4285f4, 14px 14px 0 0.02em #4285f4, 15px 14px 0 0.02em, + 16px 14px 0 0.02em, 1px 15px 0 0.02em, 2px 15px 0 0.02em, + 3px 15px 0 0.02em, 4px 15px 0 0.02em #0f9d58, 5px 15px 0 0.02em #0f9d58, + 6px 15px 0 0.02em #0f9d58, 7px 15px 0 0.02em #0f9d58, + 8px 15px 0 0.02em #0f9d58, 9px 15px 0 0.02em #0f9d58, + 10px 15px 0 0.02em #0f9d58, 11px 15px 0 0.02em #0f9d58, + 12px 15px 0 0.02em #0f9d58, 13px 15px 0 0.02em #0f9d58, 14px 15px 0 0.02em, + 15px 15px 0 0.02em, 16px 15px 0 0.02em, 2px 16px 0 0.02em, + 3px 16px 0 0.02em, 4px 16px 0 0.02em, 5px 16px 0 0.02em, + 6px 16px 0 0.02em #0f9d58, 7px 16px 0 0.02em #0f9d58, + 8px 16px 0 0.02em #0f9d58, 9px 16px 0 0.02em #0f9d58, + 10px 16px 0 0.02em #0f9d58, 11px 16px 0 0.02em #0f9d58, 12px 16px 0 0.02em, + 13px 16px 0 0.02em, 14px 16px 0 0.02em, 15px 16px 0 0.02em; + } +} + +.tcs-icon.medium::before { + width: 1px; + height: 1px; + color: #12100e; + box-shadow: 2px 1px, 3px 1px, 4px 1px, 5px 1px, 6px 1px, 7px 1px, 8px 1px, + 9px 1px, 10px 1px, 11px 1px, 12px 1px, 13px 1px, 14px 1px, 15px 1px, 1px 2px, + 2px 2px #fff, 3px 2px #fff, 4px 2px #fff, 5px 2px, 6px 2px, 7px 2px, 8px 2px, + 9px 2px, 10px 2px, 11px 2px, 12px 2px #fff, 13px 2px #fff, 14px 2px #fff, + 15px 2px #fff, 16px 2px, 1px 3px, 2px 3px, 3px 3px #fff, 4px 3px #fff, + 5px 3px, 6px 3px, 7px 3px, 8px 3px, 9px 3px, 10px 3px, 11px 3px, + 12px 3px #fff, 13px 3px #fff, 14px 3px #fff, 15px 3px, 16px 3px, 1px 4px, + 2px 4px, 3px 4px #fff, 4px 4px #fff, 5px 4px #fff, 6px 4px, 7px 4px, 8px 4px, + 9px 4px, 10px 4px, 11px 4px, 12px 4px #fff, 13px 4px #fff, 14px 4px #fff, + 15px 4px, 16px 4px, 1px 5px, 2px 5px, 3px 5px #fff, 4px 5px #fff, + 5px 5px #fff, 6px 5px #fff, 7px 5px, 8px 5px, 9px 5px, 10px 5px, + 11px 5px #fff, 12px 5px #fff, 13px 5px #fff, 14px 5px #fff, 15px 5px, + 16px 5px, 1px 6px, 2px 6px, 3px 6px #fff, 4px 6px #fff, 5px 6px #fff, + 6px 6px #fff, 7px 6px, 8px 6px, 9px 6px, 10px 6px, 11px 6px #fff, + 12px 6px #fff, 13px 6px #fff, 14px 6px #fff, 15px 6px, 16px 6px, 1px 7px, + 2px 7px, 3px 7px #fff, 4px 7px #fff, 5px 7px #fff, 6px 7px #fff, 7px 7px, + 8px 7px, 9px 7px, 10px 7px #fff, 11px 7px #fff, 12px 7px #fff, 13px 7px #fff, + 14px 7px #fff, 15px 7px, 16px 7px, 1px 8px, 2px 8px, 3px 8px #fff, 4px 8px, + 5px 8px #fff, 6px 8px #fff, 7px 8px #fff, 8px 8px, 9px 8px, 10px 8px #fff, + 11px 8px #fff, 12px 8px #fff, 13px 8px #fff, 14px 8px #fff, 15px 8px, + 16px 8px, 1px 9px, 2px 9px, 3px 9px #fff, 4px 9px, 5px 9px #fff, + 6px 9px #fff, 7px 9px #fff, 8px 9px, 9px 9px #fff, 10px 9px #fff, 11px 9px, + 12px 9px #fff, 13px 9px #fff, 14px 9px #fff, 15px 9px, 16px 9px, 1px 10px, + 2px 10px, 3px 10px #fff, 4px 10px, 5px 10px, 6px 10px #fff, 7px 10px #fff, + 8px 10px #fff, 9px 10px #fff, 10px 10px #fff, 11px 10px, 12px 10px #fff, + 13px 10px #fff, 14px 10px #fff, 15px 10px, 16px 10px, 1px 11px, 2px 11px, + 3px 11px #fff, 4px 11px, 5px 11px, 6px 11px #fff, 7px 11px #fff, + 8px 11px #fff, 9px 11px #fff, 10px 11px, 11px 11px, 12px 11px #fff, + 13px 11px #fff, 14px 11px #fff, 15px 11px, 16px 11px, 1px 12px, 2px 12px, + 3px 12px #fff, 4px 12px, 5px 12px, 6px 12px, 7px 12px #fff, 8px 12px #fff, + 9px 12px #fff, 10px 12px, 11px 12px, 12px 12px #fff, 13px 12px #fff, + 14px 12px #fff, 15px 12px, 16px 12px, 1px 13px, 2px 13px, 3px 13px #fff, + 4px 13px, 5px 13px, 6px 13px, 7px 13px #fff, 8px 13px #fff, 9px 13px, + 10px 13px, 11px 13px, 12px 13px #fff, 13px 13px #fff, 14px 13px #fff, + 15px 13px, 16px 13px, 1px 14px, 2px 14px, 3px 14px #fff, 4px 14px, 5px 14px, + 6px 14px, 7px 14px, 8px 14px #fff, 9px 14px, 10px 14px, 11px 14px, + 12px 14px #fff, 13px 14px #fff, 14px 14px #fff, 15px 14px, 16px 14px, + 1px 15px, 2px 15px #fff, 3px 15px #fff, 4px 15px #fff, 5px 15px, 6px 15px, + 7px 15px, 8px 15px, 9px 15px, 10px 15px, 11px 15px #fff, 12px 15px #fff, + 13px 15px #fff, 14px 15px #fff, 15px 15px #fff, 16px 15px, 2px 16px, + 3px 16px, 4px 16px, 5px 16px, 6px 16px, 7px 16px, 8px 16px, 9px 16px, + 10px 16px, 11px 16px, 12px 16px, 13px 16px, 14px 16px, 15px 16px; +} + +@supports (-moz-appearance: meterbar) { + .tcs-icon.medium::before { + box-shadow: 2px 1px 0 0.02em, 3px 1px 0 0.02em, 4px 1px 0 0.02em, + 5px 1px 0 0.02em, 6px 1px 0 0.02em, 7px 1px 0 0.02em, 8px 1px 0 0.02em, + 9px 1px 0 0.02em, 10px 1px 0 0.02em, 11px 1px 0 0.02em, 12px 1px 0 0.02em, + 13px 1px 0 0.02em, 14px 1px 0 0.02em, 15px 1px 0 0.02em, 1px 2px 0 0.02em, + 2px 2px 0 0.02em #fff, 3px 2px 0 0.02em #fff, 4px 2px 0 0.02em #fff, + 5px 2px 0 0.02em, 6px 2px 0 0.02em, 7px 2px 0 0.02em, 8px 2px 0 0.02em, + 9px 2px 0 0.02em, 10px 2px 0 0.02em, 11px 2px 0 0.02em, + 12px 2px 0 0.02em #fff, 13px 2px 0 0.02em #fff, 14px 2px 0 0.02em #fff, + 15px 2px 0 0.02em #fff, 16px 2px 0 0.02em, 1px 3px 0 0.02em, + 2px 3px 0 0.02em, 3px 3px 0 0.02em #fff, 4px 3px 0 0.02em #fff, + 5px 3px 0 0.02em, 6px 3px 0 0.02em, 7px 3px 0 0.02em, 8px 3px 0 0.02em, + 9px 3px 0 0.02em, 10px 3px 0 0.02em, 11px 3px 0 0.02em, + 12px 3px 0 0.02em #fff, 13px 3px 0 0.02em #fff, 14px 3px 0 0.02em #fff, + 15px 3px 0 0.02em, 16px 3px 0 0.02em, 1px 4px 0 0.02em, 2px 4px 0 0.02em, + 3px 4px 0 0.02em #fff, 4px 4px 0 0.02em #fff, 5px 4px 0 0.02em #fff, + 6px 4px 0 0.02em, 7px 4px 0 0.02em, 8px 4px 0 0.02em, 9px 4px 0 0.02em, + 10px 4px 0 0.02em, 11px 4px 0 0.02em, 12px 4px 0 0.02em #fff, + 13px 4px 0 0.02em #fff, 14px 4px 0 0.02em #fff, 15px 4px 0 0.02em, + 16px 4px 0 0.02em, 1px 5px 0 0.02em, 2px 5px 0 0.02em, + 3px 5px 0 0.02em #fff, 4px 5px 0 0.02em #fff, 5px 5px 0 0.02em #fff, + 6px 5px 0 0.02em #fff, 7px 5px 0 0.02em, 8px 5px 0 0.02em, + 9px 5px 0 0.02em, 10px 5px 0 0.02em, 11px 5px 0 0.02em #fff, + 12px 5px 0 0.02em #fff, 13px 5px 0 0.02em #fff, 14px 5px 0 0.02em #fff, + 15px 5px 0 0.02em, 16px 5px 0 0.02em, 1px 6px 0 0.02em, 2px 6px 0 0.02em, + 3px 6px 0 0.02em #fff, 4px 6px 0 0.02em #fff, 5px 6px 0 0.02em #fff, + 6px 6px 0 0.02em #fff, 7px 6px 0 0.02em, 8px 6px 0 0.02em, + 9px 6px 0 0.02em, 10px 6px 0 0.02em, 11px 6px 0 0.02em #fff, + 12px 6px 0 0.02em #fff, 13px 6px 0 0.02em #fff, 14px 6px 0 0.02em #fff, + 15px 6px 0 0.02em, 16px 6px 0 0.02em, 1px 7px 0 0.02em, 2px 7px 0 0.02em, + 3px 7px 0 0.02em #fff, 4px 7px 0 0.02em #fff, 5px 7px 0 0.02em #fff, + 6px 7px 0 0.02em #fff, 7px 7px 0 0.02em, 8px 7px 0 0.02em, + 9px 7px 0 0.02em, 10px 7px 0 0.02em #fff, 11px 7px 0 0.02em #fff, + 12px 7px 0 0.02em #fff, 13px 7px 0 0.02em #fff, 14px 7px 0 0.02em #fff, + 15px 7px 0 0.02em, 16px 7px 0 0.02em, 1px 8px 0 0.02em, 2px 8px 0 0.02em, + 3px 8px 0 0.02em #fff, 4px 8px 0 0.02em, 5px 8px 0 0.02em #fff, + 6px 8px 0 0.02em #fff, 7px 8px 0 0.02em #fff, 8px 8px 0 0.02em, + 9px 8px 0 0.02em, 10px 8px 0 0.02em #fff, 11px 8px 0 0.02em #fff, + 12px 8px 0 0.02em #fff, 13px 8px 0 0.02em #fff, 14px 8px 0 0.02em #fff, + 15px 8px 0 0.02em, 16px 8px 0 0.02em, 1px 9px 0 0.02em, 2px 9px 0 0.02em, + 3px 9px 0 0.02em #fff, 4px 9px 0 0.02em, 5px 9px 0 0.02em #fff, + 6px 9px 0 0.02em #fff, 7px 9px 0 0.02em #fff, 8px 9px 0 0.02em, + 9px 9px 0 0.02em #fff, 10px 9px 0 0.02em #fff, 11px 9px 0 0.02em, + 12px 9px 0 0.02em #fff, 13px 9px 0 0.02em #fff, 14px 9px 0 0.02em #fff, + 15px 9px 0 0.02em, 16px 9px 0 0.02em, 1px 10px 0 0.02em, 2px 10px 0 0.02em, + 3px 10px 0 0.02em #fff, 4px 10px 0 0.02em, 5px 10px 0 0.02em, + 6px 10px 0 0.02em #fff, 7px 10px 0 0.02em #fff, 8px 10px 0 0.02em #fff, + 9px 10px 0 0.02em #fff, 10px 10px 0 0.02em #fff, 11px 10px 0 0.02em, + 12px 10px 0 0.02em #fff, 13px 10px 0 0.02em #fff, 14px 10px 0 0.02em #fff, + 15px 10px 0 0.02em, 16px 10px 0 0.02em, 1px 11px 0 0.02em, + 2px 11px 0 0.02em, 3px 11px 0 0.02em #fff, 4px 11px 0 0.02em, + 5px 11px 0 0.02em, 6px 11px 0 0.02em #fff, 7px 11px 0 0.02em #fff, + 8px 11px 0 0.02em #fff, 9px 11px 0 0.02em #fff, 10px 11px 0 0.02em, + 11px 11px 0 0.02em, 12px 11px 0 0.02em #fff, 13px 11px 0 0.02em #fff, + 14px 11px 0 0.02em #fff, 15px 11px 0 0.02em, 16px 11px 0 0.02em, + 1px 12px 0 0.02em, 2px 12px 0 0.02em, 3px 12px 0 0.02em #fff, + 4px 12px 0 0.02em, 5px 12px 0 0.02em, 6px 12px 0 0.02em, + 7px 12px 0 0.02em #fff, 8px 12px 0 0.02em #fff, 9px 12px 0 0.02em #fff, + 10px 12px 0 0.02em, 11px 12px 0 0.02em, 12px 12px 0 0.02em #fff, + 13px 12px 0 0.02em #fff, 14px 12px 0 0.02em #fff, 15px 12px 0 0.02em, + 16px 12px 0 0.02em, 1px 13px 0 0.02em, 2px 13px 0 0.02em, + 3px 13px 0 0.02em #fff, 4px 13px 0 0.02em, 5px 13px 0 0.02em, + 6px 13px 0 0.02em, 7px 13px 0 0.02em #fff, 8px 13px 0 0.02em #fff, + 9px 13px 0 0.02em, 10px 13px 0 0.02em, 11px 13px 0 0.02em, + 12px 13px 0 0.02em #fff, 13px 13px 0 0.02em #fff, 14px 13px 0 0.02em #fff, + 15px 13px 0 0.02em, 16px 13px 0 0.02em, 1px 14px 0 0.02em, + 2px 14px 0 0.02em, 3px 14px 0 0.02em #fff, 4px 14px 0 0.02em, + 5px 14px 0 0.02em, 6px 14px 0 0.02em, 7px 14px 0 0.02em, + 8px 14px 0 0.02em #fff, 9px 14px 0 0.02em, 10px 14px 0 0.02em, + 11px 14px 0 0.02em, 12px 14px 0 0.02em #fff, 13px 14px 0 0.02em #fff, + 14px 14px 0 0.02em #fff, 15px 14px 0 0.02em, 16px 14px 0 0.02em, + 1px 15px 0 0.02em, 2px 15px 0 0.02em #fff, 3px 15px 0 0.02em #fff, + 4px 15px 0 0.02em #fff, 5px 15px 0 0.02em, 6px 15px 0 0.02em, + 7px 15px 0 0.02em, 8px 15px 0 0.02em, 9px 15px 0 0.02em, + 10px 15px 0 0.02em, 11px 15px 0 0.02em #fff, 12px 15px 0 0.02em #fff, + 13px 15px 0 0.02em #fff, 14px 15px 0 0.02em #fff, 15px 15px 0 0.02em #fff, + 16px 15px 0 0.02em, 2px 16px 0 0.02em, 3px 16px 0 0.02em, + 4px 16px 0 0.02em, 5px 16px 0 0.02em, 6px 16px 0 0.02em, 7px 16px 0 0.02em, + 8px 16px 0 0.02em, 9px 16px 0 0.02em, 10px 16px 0 0.02em, + 11px 16px 0 0.02em, 12px 16px 0 0.02em, 13px 16px 0 0.02em, + 14px 16px 0 0.02em, 15px 16px 0 0.02em; + } +} + +.tcs-icon.twitch::before { + width: 1px; + height: 1px; + color: #6441a4; + box-shadow: 2px 1px, 3px 1px, 4px 1px, 5px 1px, 6px 1px, 7px 1px, 8px 1px, + 9px 1px, 10px 1px, 11px 1px, 12px 1px, 13px 1px, 14px 1px, 15px 1px, 1px 2px, + 2px 2px, 3px 2px #fff, 4px 2px #fff, 5px 2px #fff, 6px 2px #fff, + 7px 2px #fff, 8px 2px #fff, 9px 2px #fff, 10px 2px #fff, 11px 2px #fff, + 12px 2px #fff, 13px 2px #fff, 14px 2px #fff, 15px 2px #fff, 16px 2px, + 1px 3px, 2px 3px #fff, 3px 3px #fff, 4px 3px, 5px 3px, 6px 3px, 7px 3px, + 8px 3px, 9px 3px, 10px 3px, 11px 3px, 12px 3px, 13px 3px, 14px 3px, + 15px 3px #fff, 16px 3px, 1px 4px, 2px 4px #fff, 3px 4px #fff, 4px 4px, + 5px 4px, 6px 4px, 7px 4px, 8px 4px, 9px 4px, 10px 4px, 11px 4px, 12px 4px, + 13px 4px, 14px 4px, 15px 4px #fff, 16px 4px, 1px 5px, 2px 5px #fff, + 3px 5px #fff, 4px 5px, 5px 5px, 6px 5px, 7px 5px, 8px 5px #fff, 9px 5px, + 10px 5px, 11px 5px #fff, 12px 5px, 13px 5px, 14px 5px, 15px 5px #fff, + 16px 5px, 1px 6px, 2px 6px #fff, 3px 6px #fff, 4px 6px, 5px 6px, 6px 6px, + 7px 6px, 8px 6px #fff, 9px 6px, 10px 6px, 11px 6px #fff, 12px 6px, 13px 6px, + 14px 6px, 15px 6px #fff, 16px 6px, 1px 7px, 2px 7px #fff, 3px 7px #fff, + 4px 7px, 5px 7px, 6px 7px, 7px 7px, 8px 7px #fff, 9px 7px, 10px 7px, + 11px 7px #fff, 12px 7px, 13px 7px, 14px 7px, 15px 7px #fff, 16px 7px, + 1px 8px, 2px 8px #fff, 3px 8px #fff, 4px 8px, 5px 8px, 6px 8px, 7px 8px, + 8px 8px #fff, 9px 8px, 10px 8px, 11px 8px #fff, 12px 8px, 13px 8px, 14px 8px, + 15px 8px #fff, 16px 8px, 1px 9px, 2px 9px #fff, 3px 9px #fff, 4px 9px, + 5px 9px, 6px 9px, 7px 9px, 8px 9px, 9px 9px, 10px 9px, 11px 9px, 12px 9px, + 13px 9px, 14px 9px, 15px 9px #fff, 16px 9px, 1px 10px, 2px 10px #fff, + 3px 10px #fff, 4px 10px, 5px 10px, 6px 10px, 7px 10px, 8px 10px, 9px 10px, + 10px 10px, 11px 10px, 12px 10px, 13px 10px, 14px 10px #fff, 15px 10px #fff, + 16px 10px, 1px 11px, 2px 11px #fff, 3px 11px #fff, 4px 11px, 5px 11px, + 6px 11px, 7px 11px, 8px 11px, 9px 11px, 10px 11px, 11px 11px, 12px 11px, + 13px 11px #fff, 14px 11px #fff, 15px 11px, 16px 11px, 1px 12px, + 2px 12px #fff, 3px 12px #fff, 4px 12px #fff, 5px 12px #fff, 6px 12px, + 7px 12px, 8px 12px #fff, 9px 12px #fff, 10px 12px #fff, 11px 12px #fff, + 12px 12px #fff, 13px 12px #fff, 14px 12px, 15px 12px, 16px 12px, 1px 13px, + 2px 13px #fff, 3px 13px #fff, 4px 13px #fff, 5px 13px #fff, 6px 13px, + 7px 13px #fff, 8px 13px #fff, 9px 13px #fff, 10px 13px #fff, 11px 13px #fff, + 12px 13px #fff, 13px 13px, 14px 13px, 15px 13px, 16px 13px, 1px 14px, + 2px 14px, 3px 14px, 4px 14px, 5px 14px #fff, 6px 14px #fff, 7px 14px #fff, + 8px 14px #fff, 9px 14px, 10px 14px, 11px 14px, 12px 14px, 13px 14px, + 14px 14px, 15px 14px, 16px 14px, 1px 15px, 2px 15px, 3px 15px, 4px 15px, + 5px 15px #fff, 6px 15px #fff, 7px 15px, 8px 15px, 9px 15px, 10px 15px, + 11px 15px, 12px 15px, 13px 15px, 14px 15px, 15px 15px, 16px 15px, 2px 16px, + 3px 16px, 4px 16px, 5px 16px, 6px 16px, 7px 16px, 8px 16px, 9px 16px, + 10px 16px, 11px 16px, 12px 16px, 13px 16px, 14px 16px, 15px 16px; +} + +@supports (-moz-appearance: meterbar) { + .tcs-icon.twitch::before { + box-shadow: 2px 1px 0 0.02em, 3px 1px 0 0.02em, 4px 1px 0 0.02em, + 5px 1px 0 0.02em, 6px 1px 0 0.02em, 7px 1px 0 0.02em, 8px 1px 0 0.02em, + 9px 1px 0 0.02em, 10px 1px 0 0.02em, 11px 1px 0 0.02em, 12px 1px 0 0.02em, + 13px 1px 0 0.02em, 14px 1px 0 0.02em, 15px 1px 0 0.02em, 1px 2px 0 0.02em, + 2px 2px 0 0.02em, 3px 2px 0 0.02em #fff, 4px 2px 0 0.02em #fff, + 5px 2px 0 0.02em #fff, 6px 2px 0 0.02em #fff, 7px 2px 0 0.02em #fff, + 8px 2px 0 0.02em #fff, 9px 2px 0 0.02em #fff, 10px 2px 0 0.02em #fff, + 11px 2px 0 0.02em #fff, 12px 2px 0 0.02em #fff, 13px 2px 0 0.02em #fff, + 14px 2px 0 0.02em #fff, 15px 2px 0 0.02em #fff, 16px 2px 0 0.02em, + 1px 3px 0 0.02em, 2px 3px 0 0.02em #fff, 3px 3px 0 0.02em #fff, + 4px 3px 0 0.02em, 5px 3px 0 0.02em, 6px 3px 0 0.02em, 7px 3px 0 0.02em, + 8px 3px 0 0.02em, 9px 3px 0 0.02em, 10px 3px 0 0.02em, 11px 3px 0 0.02em, + 12px 3px 0 0.02em, 13px 3px 0 0.02em, 14px 3px 0 0.02em, + 15px 3px 0 0.02em #fff, 16px 3px 0 0.02em, 1px 4px 0 0.02em, + 2px 4px 0 0.02em #fff, 3px 4px 0 0.02em #fff, 4px 4px 0 0.02em, + 5px 4px 0 0.02em, 6px 4px 0 0.02em, 7px 4px 0 0.02em, 8px 4px 0 0.02em, + 9px 4px 0 0.02em, 10px 4px 0 0.02em, 11px 4px 0 0.02em, 12px 4px 0 0.02em, + 13px 4px 0 0.02em, 14px 4px 0 0.02em, 15px 4px 0 0.02em #fff, + 16px 4px 0 0.02em, 1px 5px 0 0.02em, 2px 5px 0 0.02em #fff, + 3px 5px 0 0.02em #fff, 4px 5px 0 0.02em, 5px 5px 0 0.02em, + 6px 5px 0 0.02em, 7px 5px 0 0.02em, 8px 5px 0 0.02em #fff, + 9px 5px 0 0.02em, 10px 5px 0 0.02em, 11px 5px 0 0.02em #fff, + 12px 5px 0 0.02em, 13px 5px 0 0.02em, 14px 5px 0 0.02em, + 15px 5px 0 0.02em #fff, 16px 5px 0 0.02em, 1px 6px 0 0.02em, + 2px 6px 0 0.02em #fff, 3px 6px 0 0.02em #fff, 4px 6px 0 0.02em, + 5px 6px 0 0.02em, 6px 6px 0 0.02em, 7px 6px 0 0.02em, + 8px 6px 0 0.02em #fff, 9px 6px 0 0.02em, 10px 6px 0 0.02em, + 11px 6px 0 0.02em #fff, 12px 6px 0 0.02em, 13px 6px 0 0.02em, + 14px 6px 0 0.02em, 15px 6px 0 0.02em #fff, 16px 6px 0 0.02em, + 1px 7px 0 0.02em, 2px 7px 0 0.02em #fff, 3px 7px 0 0.02em #fff, + 4px 7px 0 0.02em, 5px 7px 0 0.02em, 6px 7px 0 0.02em, 7px 7px 0 0.02em, + 8px 7px 0 0.02em #fff, 9px 7px 0 0.02em, 10px 7px 0 0.02em, + 11px 7px 0 0.02em #fff, 12px 7px 0 0.02em, 13px 7px 0 0.02em, + 14px 7px 0 0.02em, 15px 7px 0 0.02em #fff, 16px 7px 0 0.02em, + 1px 8px 0 0.02em, 2px 8px 0 0.02em #fff, 3px 8px 0 0.02em #fff, + 4px 8px 0 0.02em, 5px 8px 0 0.02em, 6px 8px 0 0.02em, 7px 8px 0 0.02em, + 8px 8px 0 0.02em #fff, 9px 8px 0 0.02em, 10px 8px 0 0.02em, + 11px 8px 0 0.02em #fff, 12px 8px 0 0.02em, 13px 8px 0 0.02em, + 14px 8px 0 0.02em, 15px 8px 0 0.02em #fff, 16px 8px 0 0.02em, + 1px 9px 0 0.02em, 2px 9px 0 0.02em #fff, 3px 9px 0 0.02em #fff, + 4px 9px 0 0.02em, 5px 9px 0 0.02em, 6px 9px 0 0.02em, 7px 9px 0 0.02em, + 8px 9px 0 0.02em, 9px 9px 0 0.02em, 10px 9px 0 0.02em, 11px 9px 0 0.02em, + 12px 9px 0 0.02em, 13px 9px 0 0.02em, 14px 9px 0 0.02em, + 15px 9px 0 0.02em #fff, 16px 9px 0 0.02em, 1px 10px 0 0.02em, + 2px 10px 0 0.02em #fff, 3px 10px 0 0.02em #fff, 4px 10px 0 0.02em, + 5px 10px 0 0.02em, 6px 10px 0 0.02em, 7px 10px 0 0.02em, 8px 10px 0 0.02em, + 9px 10px 0 0.02em, 10px 10px 0 0.02em, 11px 10px 0 0.02em, + 12px 10px 0 0.02em, 13px 10px 0 0.02em, 14px 10px 0 0.02em #fff, + 15px 10px 0 0.02em #fff, 16px 10px 0 0.02em, 1px 11px 0 0.02em, + 2px 11px 0 0.02em #fff, 3px 11px 0 0.02em #fff, 4px 11px 0 0.02em, + 5px 11px 0 0.02em, 6px 11px 0 0.02em, 7px 11px 0 0.02em, 8px 11px 0 0.02em, + 9px 11px 0 0.02em, 10px 11px 0 0.02em, 11px 11px 0 0.02em, + 12px 11px 0 0.02em, 13px 11px 0 0.02em #fff, 14px 11px 0 0.02em #fff, + 15px 11px 0 0.02em, 16px 11px 0 0.02em, 1px 12px 0 0.02em, + 2px 12px 0 0.02em #fff, 3px 12px 0 0.02em #fff, 4px 12px 0 0.02em #fff, + 5px 12px 0 0.02em #fff, 6px 12px 0 0.02em, 7px 12px 0 0.02em, + 8px 12px 0 0.02em #fff, 9px 12px 0 0.02em #fff, 10px 12px 0 0.02em #fff, + 11px 12px 0 0.02em #fff, 12px 12px 0 0.02em #fff, 13px 12px 0 0.02em #fff, + 14px 12px 0 0.02em, 15px 12px 0 0.02em, 16px 12px 0 0.02em, + 1px 13px 0 0.02em, 2px 13px 0 0.02em #fff, 3px 13px 0 0.02em #fff, + 4px 13px 0 0.02em #fff, 5px 13px 0 0.02em #fff, 6px 13px 0 0.02em, + 7px 13px 0 0.02em #fff, 8px 13px 0 0.02em #fff, 9px 13px 0 0.02em #fff, + 10px 13px 0 0.02em #fff, 11px 13px 0 0.02em #fff, 12px 13px 0 0.02em #fff, + 13px 13px 0 0.02em, 14px 13px 0 0.02em, 15px 13px 0 0.02em, + 16px 13px 0 0.02em, 1px 14px 0 0.02em, 2px 14px 0 0.02em, + 3px 14px 0 0.02em, 4px 14px 0 0.02em, 5px 14px 0 0.02em #fff, + 6px 14px 0 0.02em #fff, 7px 14px 0 0.02em #fff, 8px 14px 0 0.02em #fff, + 9px 14px 0 0.02em, 10px 14px 0 0.02em, 11px 14px 0 0.02em, + 12px 14px 0 0.02em, 13px 14px 0 0.02em, 14px 14px 0 0.02em, + 15px 14px 0 0.02em, 16px 14px 0 0.02em, 1px 15px 0 0.02em, + 2px 15px 0 0.02em, 3px 15px 0 0.02em, 4px 15px 0 0.02em, + 5px 15px 0 0.02em #fff, 6px 15px 0 0.02em #fff, 7px 15px 0 0.02em, + 8px 15px 0 0.02em, 9px 15px 0 0.02em, 10px 15px 0 0.02em, + 11px 15px 0 0.02em, 12px 15px 0 0.02em, 13px 15px 0 0.02em, + 14px 15px 0 0.02em, 15px 15px 0 0.02em, 16px 15px 0 0.02em, + 2px 16px 0 0.02em, 3px 16px 0 0.02em, 4px 16px 0 0.02em, 5px 16px 0 0.02em, + 6px 16px 0 0.02em, 7px 16px 0 0.02em, 8px 16px 0 0.02em, 9px 16px 0 0.02em, + 10px 16px 0 0.02em, 11px 16px 0 0.02em, 12px 16px 0 0.02em, + 13px 16px 0 0.02em, 14px 16px 0 0.02em, 15px 16px 0 0.02em; + } +} + +.tcs-icon.reddit::before { + width: 1px; + height: 1px; + color: #f40; + box-shadow: 3px 1px, 4px 1px, 5px 1px, 6px 1px, 7px 1px, 8px 1px, 9px 1px, + 10px 1px, 11px 1px, 12px 1px, 13px 1px, 14px 1px, 2px 2px, 3px 2px, 4px 2px, + 5px 2px, 6px 2px, 7px 2px, 8px 2px, 9px 2px #fff, 10px 2px #fff, + 11px 2px #fff, 12px 2px, 13px 2px #fff, 14px 2px, 15px 2px, 1px 3px, 2px 3px, + 3px 3px, 4px 3px, 5px 3px, 6px 3px, 7px 3px, 8px 3px #fff, 9px 3px, 10px 3px, + 11px 3px, 12px 3px #fff, 13px 3px #fff, 14px 3px #fff, 15px 3px, 16px 3px, + 1px 4px, 2px 4px, 3px 4px, 4px 4px, 5px 4px, 6px 4px, 7px 4px, 8px 4px #fff, + 9px 4px, 10px 4px, 11px 4px, 12px 4px, 13px 4px #fff, 14px 4px, 15px 4px, + 16px 4px, 1px 5px, 2px 5px, 3px 5px, 4px 5px, 5px 5px, 6px 5px, 7px 5px #fff, + 8px 5px #fff, 9px 5px #fff, 10px 5px #fff, 11px 5px, 12px 5px, 13px 5px, + 14px 5px, 15px 5px, 16px 5px, 1px 6px, 2px 6px #fff, 3px 6px #fff, 4px 6px, + 5px 6px #fff, 6px 6px #fff, 7px 6px #fff, 8px 6px #fff, 9px 6px #fff, + 10px 6px #fff, 11px 6px #fff, 12px 6px #fff, 13px 6px, 14px 6px #fff, + 15px 6px #fff, 16px 6px, 1px 7px, 2px 7px #fff, 3px 7px, 4px 7px #fff, + 5px 7px #fff, 6px 7px #fff, 7px 7px #fff, 8px 7px #fff, 9px 7px #fff, + 10px 7px #fff, 11px 7px #fff, 12px 7px #fff, 13px 7px #fff, 14px 7px, + 15px 7px #fff, 16px 7px, 1px 8px, 2px 8px, 3px 8px #fff, 4px 8px #fff, + 5px 8px #fff, 6px 8px, 7px 8px, 8px 8px #fff, 9px 8px #fff, 10px 8px, + 11px 8px, 12px 8px #fff, 13px 8px #fff, 14px 8px #fff, 15px 8px, 16px 8px, + 1px 9px, 2px 9px #fff, 3px 9px #fff, 4px 9px #fff, 5px 9px #fff, 6px 9px, + 7px 9px, 8px 9px #fff, 9px 9px #fff, 10px 9px, 11px 9px, 12px 9px #fff, + 13px 9px #fff, 14px 9px #fff, 15px 9px #fff, 16px 9px, 1px 10px, + 2px 10px #fff, 3px 10px #fff, 4px 10px #fff, 5px 10px #fff, 6px 10px #fff, + 7px 10px #fff, 8px 10px #fff, 9px 10px #fff, 10px 10px #fff, 11px 10px #fff, + 12px 10px #fff, 13px 10px #fff, 14px 10px #fff, 15px 10px #fff, 16px 10px, + 1px 11px, 2px 11px #fff, 3px 11px #fff, 4px 11px #fff, 5px 11px #fff, + 6px 11px #fff, 7px 11px #fff, 8px 11px #fff, 9px 11px #fff, 10px 11px #fff, + 11px 11px #fff, 12px 11px #fff, 13px 11px #fff, 14px 11px #fff, + 15px 11px #fff, 16px 11px, 1px 12px, 2px 12px, 3px 12px #fff, 4px 12px #fff, + 5px 12px #fff, 6px 12px, 7px 12px #fff, 8px 12px #fff, 9px 12px #fff, + 10px 12px #fff, 11px 12px, 12px 12px #fff, 13px 12px #fff, 14px 12px #fff, + 15px 12px, 16px 12px, 1px 13px, 2px 13px, 3px 13px, 4px 13px #fff, + 5px 13px #fff, 6px 13px #fff, 7px 13px, 8px 13px, 9px 13px, 10px 13px, + 11px 13px #fff, 12px 13px #fff, 13px 13px #fff, 14px 13px, 15px 13px, + 16px 13px, 1px 14px, 2px 14px, 3px 14px, 4px 14px, 5px 14px #fff, + 6px 14px #fff, 7px 14px #fff, 8px 14px #fff, 9px 14px #fff, 10px 14px #fff, + 11px 14px #fff, 12px 14px #fff, 13px 14px, 14px 14px, 15px 14px, 16px 14px, + 2px 15px, 3px 15px, 4px 15px, 5px 15px, 6px 15px, 7px 15px #fff, + 8px 15px #fff, 9px 15px #fff, 10px 15px #fff, 11px 15px, 12px 15px, + 13px 15px, 14px 15px, 15px 15px, 3px 16px, 4px 16px, 5px 16px, 6px 16px, + 7px 16px, 8px 16px, 9px 16px, 10px 16px, 11px 16px, 12px 16px, 13px 16px, + 14px 16px; +} + +@supports (-moz-appearance: meterbar) { + .tcs-icon.reddit::before { + box-shadow: 3px 1px 0 0.02em, 4px 1px 0 0.02em, 5px 1px 0 0.02em, + 6px 1px 0 0.02em, 7px 1px 0 0.02em, 8px 1px 0 0.02em, 9px 1px 0 0.02em, + 10px 1px 0 0.02em, 11px 1px 0 0.02em, 12px 1px 0 0.02em, 13px 1px 0 0.02em, + 14px 1px 0 0.02em, 2px 2px 0 0.02em, 3px 2px 0 0.02em, 4px 2px 0 0.02em, + 5px 2px 0 0.02em, 6px 2px 0 0.02em, 7px 2px 0 0.02em, 8px 2px 0 0.02em, + 9px 2px 0 0.02em #fff, 10px 2px 0 0.02em #fff, 11px 2px 0 0.02em #fff, + 12px 2px 0 0.02em, 13px 2px 0 0.02em #fff, 14px 2px 0 0.02em, + 15px 2px 0 0.02em, 1px 3px 0 0.02em, 2px 3px 0 0.02em, 3px 3px 0 0.02em, + 4px 3px 0 0.02em, 5px 3px 0 0.02em, 6px 3px 0 0.02em, 7px 3px 0 0.02em, + 8px 3px 0 0.02em #fff, 9px 3px 0 0.02em, 10px 3px 0 0.02em, + 11px 3px 0 0.02em, 12px 3px 0 0.02em #fff, 13px 3px 0 0.02em #fff, + 14px 3px 0 0.02em #fff, 15px 3px 0 0.02em, 16px 3px 0 0.02em, + 1px 4px 0 0.02em, 2px 4px 0 0.02em, 3px 4px 0 0.02em, 4px 4px 0 0.02em, + 5px 4px 0 0.02em, 6px 4px 0 0.02em, 7px 4px 0 0.02em, + 8px 4px 0 0.02em #fff, 9px 4px 0 0.02em, 10px 4px 0 0.02em, + 11px 4px 0 0.02em, 12px 4px 0 0.02em, 13px 4px 0 0.02em #fff, + 14px 4px 0 0.02em, 15px 4px 0 0.02em, 16px 4px 0 0.02em, 1px 5px 0 0.02em, + 2px 5px 0 0.02em, 3px 5px 0 0.02em, 4px 5px 0 0.02em, 5px 5px 0 0.02em, + 6px 5px 0 0.02em, 7px 5px 0 0.02em #fff, 8px 5px 0 0.02em #fff, + 9px 5px 0 0.02em #fff, 10px 5px 0 0.02em #fff, 11px 5px 0 0.02em, + 12px 5px 0 0.02em, 13px 5px 0 0.02em, 14px 5px 0 0.02em, 15px 5px 0 0.02em, + 16px 5px 0 0.02em, 1px 6px 0 0.02em, 2px 6px 0 0.02em #fff, + 3px 6px 0 0.02em #fff, 4px 6px 0 0.02em, 5px 6px 0 0.02em #fff, + 6px 6px 0 0.02em #fff, 7px 6px 0 0.02em #fff, 8px 6px 0 0.02em #fff, + 9px 6px 0 0.02em #fff, 10px 6px 0 0.02em #fff, 11px 6px 0 0.02em #fff, + 12px 6px 0 0.02em #fff, 13px 6px 0 0.02em, 14px 6px 0 0.02em #fff, + 15px 6px 0 0.02em #fff, 16px 6px 0 0.02em, 1px 7px 0 0.02em, + 2px 7px 0 0.02em #fff, 3px 7px 0 0.02em, 4px 7px 0 0.02em #fff, + 5px 7px 0 0.02em #fff, 6px 7px 0 0.02em #fff, 7px 7px 0 0.02em #fff, + 8px 7px 0 0.02em #fff, 9px 7px 0 0.02em #fff, 10px 7px 0 0.02em #fff, + 11px 7px 0 0.02em #fff, 12px 7px 0 0.02em #fff, 13px 7px 0 0.02em #fff, + 14px 7px 0 0.02em, 15px 7px 0 0.02em #fff, 16px 7px 0 0.02em, + 1px 8px 0 0.02em, 2px 8px 0 0.02em, 3px 8px 0 0.02em #fff, + 4px 8px 0 0.02em #fff, 5px 8px 0 0.02em #fff, 6px 8px 0 0.02em, + 7px 8px 0 0.02em, 8px 8px 0 0.02em #fff, 9px 8px 0 0.02em #fff, + 10px 8px 0 0.02em, 11px 8px 0 0.02em, 12px 8px 0 0.02em #fff, + 13px 8px 0 0.02em #fff, 14px 8px 0 0.02em #fff, 15px 8px 0 0.02em, + 16px 8px 0 0.02em, 1px 9px 0 0.02em, 2px 9px 0 0.02em #fff, + 3px 9px 0 0.02em #fff, 4px 9px 0 0.02em #fff, 5px 9px 0 0.02em #fff, + 6px 9px 0 0.02em, 7px 9px 0 0.02em, 8px 9px 0 0.02em #fff, + 9px 9px 0 0.02em #fff, 10px 9px 0 0.02em, 11px 9px 0 0.02em, + 12px 9px 0 0.02em #fff, 13px 9px 0 0.02em #fff, 14px 9px 0 0.02em #fff, + 15px 9px 0 0.02em #fff, 16px 9px 0 0.02em, 1px 10px 0 0.02em, + 2px 10px 0 0.02em #fff, 3px 10px 0 0.02em #fff, 4px 10px 0 0.02em #fff, + 5px 10px 0 0.02em #fff, 6px 10px 0 0.02em #fff, 7px 10px 0 0.02em #fff, + 8px 10px 0 0.02em #fff, 9px 10px 0 0.02em #fff, 10px 10px 0 0.02em #fff, + 11px 10px 0 0.02em #fff, 12px 10px 0 0.02em #fff, 13px 10px 0 0.02em #fff, + 14px 10px 0 0.02em #fff, 15px 10px 0 0.02em #fff, 16px 10px 0 0.02em, + 1px 11px 0 0.02em, 2px 11px 0 0.02em #fff, 3px 11px 0 0.02em #fff, + 4px 11px 0 0.02em #fff, 5px 11px 0 0.02em #fff, 6px 11px 0 0.02em #fff, + 7px 11px 0 0.02em #fff, 8px 11px 0 0.02em #fff, 9px 11px 0 0.02em #fff, + 10px 11px 0 0.02em #fff, 11px 11px 0 0.02em #fff, 12px 11px 0 0.02em #fff, + 13px 11px 0 0.02em #fff, 14px 11px 0 0.02em #fff, 15px 11px 0 0.02em #fff, + 16px 11px 0 0.02em, 1px 12px 0 0.02em, 2px 12px 0 0.02em, + 3px 12px 0 0.02em #fff, 4px 12px 0 0.02em #fff, 5px 12px 0 0.02em #fff, + 6px 12px 0 0.02em, 7px 12px 0 0.02em #fff, 8px 12px 0 0.02em #fff, + 9px 12px 0 0.02em #fff, 10px 12px 0 0.02em #fff, 11px 12px 0 0.02em, + 12px 12px 0 0.02em #fff, 13px 12px 0 0.02em #fff, 14px 12px 0 0.02em #fff, + 15px 12px 0 0.02em, 16px 12px 0 0.02em, 1px 13px 0 0.02em, + 2px 13px 0 0.02em, 3px 13px 0 0.02em, 4px 13px 0 0.02em #fff, + 5px 13px 0 0.02em #fff, 6px 13px 0 0.02em #fff, 7px 13px 0 0.02em, + 8px 13px 0 0.02em, 9px 13px 0 0.02em, 10px 13px 0 0.02em, + 11px 13px 0 0.02em #fff, 12px 13px 0 0.02em #fff, 13px 13px 0 0.02em #fff, + 14px 13px 0 0.02em, 15px 13px 0 0.02em, 16px 13px 0 0.02em, + 1px 14px 0 0.02em, 2px 14px 0 0.02em, 3px 14px 0 0.02em, 4px 14px 0 0.02em, + 5px 14px 0 0.02em #fff, 6px 14px 0 0.02em #fff, 7px 14px 0 0.02em #fff, + 8px 14px 0 0.02em #fff, 9px 14px 0 0.02em #fff, 10px 14px 0 0.02em #fff, + 11px 14px 0 0.02em #fff, 12px 14px 0 0.02em #fff, 13px 14px 0 0.02em, + 14px 14px 0 0.02em, 15px 14px 0 0.02em, 16px 14px 0 0.02em, + 2px 15px 0 0.02em, 3px 15px 0 0.02em, 4px 15px 0 0.02em, 5px 15px 0 0.02em, + 6px 15px 0 0.02em, 7px 15px 0 0.02em #fff, 8px 15px 0 0.02em #fff, + 9px 15px 0 0.02em #fff, 10px 15px 0 0.02em #fff, 11px 15px 0 0.02em, + 12px 15px 0 0.02em, 13px 15px 0 0.02em, 14px 15px 0 0.02em, + 15px 15px 0 0.02em, 3px 16px 0 0.02em, 4px 16px 0 0.02em, + 5px 16px 0 0.02em, 6px 16px 0 0.02em, 7px 16px 0 0.02em, 8px 16px 0 0.02em, + 9px 16px 0 0.02em, 10px 16px 0 0.02em, 11px 16px 0 0.02em, + 12px 16px 0 0.02em, 13px 16px 0 0.02em, 14px 16px 0 0.02em; + } +} + +.tcs-icon.whatsapp::before { + width: 1px; + height: 1px; + color: #00ba37; + box-shadow: 4px 1px, 5px 1px, 6px 1px, 7px 1px, 8px 1px, 9px 1px, 10px 1px, + 11px 1px, 12px 1px, 13px 1px, 14px 1px, 3px 2px, 4px 2px, 5px 2px, + 6px 2px #fff, 7px 2px #fff, 8px 2px #fff, 9px 2px #fff, 10px 2px #fff, + 11px 2px #fff, 12px 2px #fff, 13px 2px, 14px 2px, 15px 2px, 2px 3px, 3px 3px, + 4px 3px, 5px 3px #fff, 6px 3px, 7px 3px, 8px 3px, 9px 3px, 10px 3px, + 11px 3px, 12px 3px, 13px 3px #fff, 14px 3px, 15px 3px, 16px 3px, 2px 4px, + 3px 4px, 4px 4px #fff, 5px 4px, 6px 4px, 7px 4px, 8px 4px, 9px 4px, 10px 4px, + 11px 4px, 12px 4px, 13px 4px, 14px 4px #fff, 15px 4px, 16px 4px, 2px 5px, + 3px 5px, 4px 5px #fff, 5px 5px, 6px 5px #fff, 7px 5px #fff, 8px 5px, 9px 5px, + 10px 5px, 11px 5px, 12px 5px, 13px 5px, 14px 5px #fff, 15px 5px, 16px 5px, + 2px 6px, 3px 6px #fff, 4px 6px, 5px 6px, 6px 6px #fff, 7px 6px #fff, 8px 6px, + 9px 6px, 10px 6px, 11px 6px, 12px 6px, 13px 6px, 14px 6px, 15px 6px #fff, + 16px 6px, 2px 7px, 3px 7px #fff, 4px 7px, 5px 7px, 6px 7px #fff, 7px 7px, + 8px 7px, 9px 7px, 10px 7px, 11px 7px, 12px 7px, 13px 7px, 14px 7px, + 15px 7px #fff, 16px 7px, 2px 8px, 3px 8px #fff, 4px 8px, 5px 8px, 6px 8px, + 7px 8px #fff, 8px 8px #fff, 9px 8px, 10px 8px, 11px 8px, 12px 8px, 13px 8px, + 14px 8px, 15px 8px #fff, 16px 8px, 2px 9px, 3px 9px #fff, 4px 9px, 5px 9px, + 6px 9px, 7px 9px, 8px 9px #fff, 9px 9px #fff, 10px 9px, 11px 9px, 12px 9px, + 13px 9px, 14px 9px, 15px 9px #fff, 16px 9px, 2px 10px, 3px 10px #fff, + 4px 10px, 5px 10px, 6px 10px, 7px 10px, 8px 10px, 9px 10px #fff, 10px 10px, + 11px 10px #fff, 12px 10px #fff, 13px 10px, 14px 10px, 15px 10px #fff, + 16px 10px, 2px 11px, 3px 11px, 4px 11px #fff, 5px 11px, 6px 11px, 7px 11px, + 8px 11px, 9px 11px, 10px 11px #fff, 11px 11px #fff, 12px 11px #fff, + 13px 11px, 14px 11px #fff, 15px 11px, 16px 11px, 2px 12px, 3px 12px, + 4px 12px #fff, 5px 12px, 6px 12px, 7px 12px, 8px 12px, 9px 12px, 10px 12px, + 11px 12px, 12px 12px, 13px 12px, 14px 12px #fff, 15px 12px, 16px 12px, + 2px 13px, 3px 13px #fff, 4px 13px, 5px 13px #fff, 6px 13px, 7px 13px, + 8px 13px, 9px 13px, 10px 13px, 11px 13px, 12px 13px, 13px 13px #fff, + 14px 13px, 15px 13px, 16px 13px, 2px 14px, 3px 14px #fff, 4px 14px #fff, + 5px 14px, 6px 14px #fff, 7px 14px #fff, 8px 14px #fff, 9px 14px #fff, + 10px 14px #fff, 11px 14px #fff, 12px 14px #fff, 13px 14px, 14px 14px, + 15px 14px, 3px 15px, 4px 15px, 5px 15px, 6px 15px, 7px 15px, 8px 15px, + 9px 15px, 10px 15px, 11px 15px, 12px 15px, 13px 15px, 14px 15px; +} + +@supports (-moz-appearance: meterbar) { + .tcs-icon.whatsapp::before { + box-shadow: 4px 1px 0 0.02em, 5px 1px 0 0.02em, 6px 1px 0 0.02em, + 7px 1px 0 0.02em, 8px 1px 0 0.02em, 9px 1px 0 0.02em, 10px 1px 0 0.02em, + 11px 1px 0 0.02em, 12px 1px 0 0.02em, 13px 1px 0 0.02em, 14px 1px 0 0.02em, + 3px 2px 0 0.02em, 4px 2px 0 0.02em, 5px 2px 0 0.02em, + 6px 2px 0 0.02em #fff, 7px 2px 0 0.02em #fff, 8px 2px 0 0.02em #fff, + 9px 2px 0 0.02em #fff, 10px 2px 0 0.02em #fff, 11px 2px 0 0.02em #fff, + 12px 2px 0 0.02em #fff, 13px 2px 0 0.02em, 14px 2px 0 0.02em, + 15px 2px 0 0.02em, 2px 3px 0 0.02em, 3px 3px 0 0.02em, 4px 3px 0 0.02em, + 5px 3px 0 0.02em #fff, 6px 3px 0 0.02em, 7px 3px 0 0.02em, + 8px 3px 0 0.02em, 9px 3px 0 0.02em, 10px 3px 0 0.02em, 11px 3px 0 0.02em, + 12px 3px 0 0.02em, 13px 3px 0 0.02em #fff, 14px 3px 0 0.02em, + 15px 3px 0 0.02em, 16px 3px 0 0.02em, 2px 4px 0 0.02em, 3px 4px 0 0.02em, + 4px 4px 0 0.02em #fff, 5px 4px 0 0.02em, 6px 4px 0 0.02em, + 7px 4px 0 0.02em, 8px 4px 0 0.02em, 9px 4px 0 0.02em, 10px 4px 0 0.02em, + 11px 4px 0 0.02em, 12px 4px 0 0.02em, 13px 4px 0 0.02em, + 14px 4px 0 0.02em #fff, 15px 4px 0 0.02em, 16px 4px 0 0.02em, + 2px 5px 0 0.02em, 3px 5px 0 0.02em, 4px 5px 0 0.02em #fff, + 5px 5px 0 0.02em, 6px 5px 0 0.02em #fff, 7px 5px 0 0.02em #fff, + 8px 5px 0 0.02em, 9px 5px 0 0.02em, 10px 5px 0 0.02em, 11px 5px 0 0.02em, + 12px 5px 0 0.02em, 13px 5px 0 0.02em, 14px 5px 0 0.02em #fff, + 15px 5px 0 0.02em, 16px 5px 0 0.02em, 2px 6px 0 0.02em, + 3px 6px 0 0.02em #fff, 4px 6px 0 0.02em, 5px 6px 0 0.02em, + 6px 6px 0 0.02em #fff, 7px 6px 0 0.02em #fff, 8px 6px 0 0.02em, + 9px 6px 0 0.02em, 10px 6px 0 0.02em, 11px 6px 0 0.02em, 12px 6px 0 0.02em, + 13px 6px 0 0.02em, 14px 6px 0 0.02em, 15px 6px 0 0.02em #fff, + 16px 6px 0 0.02em, 2px 7px 0 0.02em, 3px 7px 0 0.02em #fff, + 4px 7px 0 0.02em, 5px 7px 0 0.02em, 6px 7px 0 0.02em #fff, + 7px 7px 0 0.02em, 8px 7px 0 0.02em, 9px 7px 0 0.02em, 10px 7px 0 0.02em, + 11px 7px 0 0.02em, 12px 7px 0 0.02em, 13px 7px 0 0.02em, 14px 7px 0 0.02em, + 15px 7px 0 0.02em #fff, 16px 7px 0 0.02em, 2px 8px 0 0.02em, + 3px 8px 0 0.02em #fff, 4px 8px 0 0.02em, 5px 8px 0 0.02em, + 6px 8px 0 0.02em, 7px 8px 0 0.02em #fff, 8px 8px 0 0.02em #fff, + 9px 8px 0 0.02em, 10px 8px 0 0.02em, 11px 8px 0 0.02em, 12px 8px 0 0.02em, + 13px 8px 0 0.02em, 14px 8px 0 0.02em, 15px 8px 0 0.02em #fff, + 16px 8px 0 0.02em, 2px 9px 0 0.02em, 3px 9px 0 0.02em #fff, + 4px 9px 0 0.02em, 5px 9px 0 0.02em, 6px 9px 0 0.02em, 7px 9px 0 0.02em, + 8px 9px 0 0.02em #fff, 9px 9px 0 0.02em #fff, 10px 9px 0 0.02em, + 11px 9px 0 0.02em, 12px 9px 0 0.02em, 13px 9px 0 0.02em, 14px 9px 0 0.02em, + 15px 9px 0 0.02em #fff, 16px 9px 0 0.02em, 2px 10px 0 0.02em, + 3px 10px 0 0.02em #fff, 4px 10px 0 0.02em, 5px 10px 0 0.02em, + 6px 10px 0 0.02em, 7px 10px 0 0.02em, 8px 10px 0 0.02em, + 9px 10px 0 0.02em #fff, 10px 10px 0 0.02em, 11px 10px 0 0.02em #fff, + 12px 10px 0 0.02em #fff, 13px 10px 0 0.02em, 14px 10px 0 0.02em, + 15px 10px 0 0.02em #fff, 16px 10px 0 0.02em, 2px 11px 0 0.02em, + 3px 11px 0 0.02em, 4px 11px 0 0.02em #fff, 5px 11px 0 0.02em, + 6px 11px 0 0.02em, 7px 11px 0 0.02em, 8px 11px 0 0.02em, 9px 11px 0 0.02em, + 10px 11px 0 0.02em #fff, 11px 11px 0 0.02em #fff, 12px 11px 0 0.02em #fff, + 13px 11px 0 0.02em, 14px 11px 0 0.02em #fff, 15px 11px 0 0.02em, + 16px 11px 0 0.02em, 2px 12px 0 0.02em, 3px 12px 0 0.02em, + 4px 12px 0 0.02em #fff, 5px 12px 0 0.02em, 6px 12px 0 0.02em, + 7px 12px 0 0.02em, 8px 12px 0 0.02em, 9px 12px 0 0.02em, + 10px 12px 0 0.02em, 11px 12px 0 0.02em, 12px 12px 0 0.02em, + 13px 12px 0 0.02em, 14px 12px 0 0.02em #fff, 15px 12px 0 0.02em, + 16px 12px 0 0.02em, 2px 13px 0 0.02em, 3px 13px 0 0.02em #fff, + 4px 13px 0 0.02em, 5px 13px 0 0.02em #fff, 6px 13px 0 0.02em, + 7px 13px 0 0.02em, 8px 13px 0 0.02em, 9px 13px 0 0.02em, + 10px 13px 0 0.02em, 11px 13px 0 0.02em, 12px 13px 0 0.02em, + 13px 13px 0 0.02em #fff, 14px 13px 0 0.02em, 15px 13px 0 0.02em, + 16px 13px 0 0.02em, 2px 14px 0 0.02em, 3px 14px 0 0.02em #fff, + 4px 14px 0 0.02em #fff, 5px 14px 0 0.02em, 6px 14px 0 0.02em #fff, + 7px 14px 0 0.02em #fff, 8px 14px 0 0.02em #fff, 9px 14px 0 0.02em #fff, + 10px 14px 0 0.02em #fff, 11px 14px 0 0.02em #fff, 12px 14px 0 0.02em #fff, + 13px 14px 0 0.02em, 14px 14px 0 0.02em, 15px 14px 0 0.02em, + 3px 15px 0 0.02em, 4px 15px 0 0.02em, 5px 15px 0 0.02em, 6px 15px 0 0.02em, + 7px 15px 0 0.02em, 8px 15px 0 0.02em, 9px 15px 0 0.02em, + 10px 15px 0 0.02em, 11px 15px 0 0.02em, 12px 15px 0 0.02em, + 13px 15px 0 0.02em, 14px 15px 0 0.02em; + } +} + +.tcs-icon.gmail::before { + width: 1px; + height: 1px; + color: #eeecec; + box-shadow: 2px 3px #fd2b2b, 3px 3px, 4px 3px, 5px 3px, 6px 3px, 7px 3px, + 8px 3px, 9px 3px, 10px 3px, 11px 3px, 12px 3px, 13px 3px, 14px 3px, + 15px 3px #fd2b2b, 1px 4px #fd2b2b, 2px 4px #fd2b2b, 3px 4px #fd2b2b, 4px 4px, + 5px 4px, 6px 4px, 7px 4px, 8px 4px, 9px 4px, 10px 4px, 11px 4px, 12px 4px, + 13px 4px, 14px 4px #fd2b2b, 15px 4px #fd2b2b, 16px 4px #fd2b2b, + 1px 5px #fd2b2b, 2px 5px #fd2b2b, 3px 5px #fd2b2b, 4px 5px #fd2b2b, 5px 5px, + 6px 5px, 7px 5px, 8px 5px, 9px 5px, 10px 5px, 11px 5px, 12px 5px, + 13px 5px #fd2b2b, 14px 5px #fd2b2b, 15px 5px #fd2b2b, 16px 5px #fd2b2b, + 1px 6px #fd2b2b, 2px 6px #fd2b2b, 3px 6px, 4px 6px #fd2b2b, 5px 6px #fd2b2b, + 6px 6px, 7px 6px, 8px 6px, 9px 6px, 10px 6px, 11px 6px, 12px 6px #fd2b2b, + 13px 6px #fd2b2b, 14px 6px, 15px 6px #fd2b2b, 16px 6px #fd2b2b, + 1px 7px #fd2b2b, 2px 7px #fd2b2b, 3px 7px, 4px 7px, 5px 7px #fd2b2b, + 6px 7px #fd2b2b, 7px 7px, 8px 7px, 9px 7px, 10px 7px, 11px 7px #fd2b2b, + 12px 7px #fd2b2b, 13px 7px, 14px 7px, 15px 7px #fd2b2b, 16px 7px #fd2b2b, + 1px 8px #fd2b2b, 2px 8px #fd2b2b, 3px 8px, 4px 8px, 5px 8px, 6px 8px #fd2b2b, + 7px 8px #fd2b2b, 8px 8px, 9px 8px, 10px 8px #fd2b2b, 11px 8px #fd2b2b, + 12px 8px, 13px 8px, 14px 8px, 15px 8px #fd2b2b, 16px 8px #fd2b2b, + 1px 9px #fd2b2b, 2px 9px #fd2b2b, 3px 9px, 4px 9px, 5px 9px, 6px 9px, + 7px 9px #fd2b2b, 8px 9px #fd2b2b, 9px 9px #fd2b2b, 10px 9px #fd2b2b, + 11px 9px, 12px 9px, 13px 9px, 14px 9px, 15px 9px #fd2b2b, 16px 9px #fd2b2b, + 1px 10px #fd2b2b, 2px 10px #fd2b2b, 3px 10px, 4px 10px, 5px 10px, 6px 10px, + 7px 10px, 8px 10px #fd2b2b, 9px 10px #fd2b2b, 10px 10px, 11px 10px, + 12px 10px, 13px 10px, 14px 10px, 15px 10px #fd2b2b, 16px 10px #fd2b2b, + 1px 11px #fd2b2b, 2px 11px #fd2b2b, 3px 11px, 4px 11px, 5px 11px, 6px 11px, + 7px 11px, 8px 11px, 9px 11px, 10px 11px, 11px 11px, 12px 11px, 13px 11px, + 14px 11px, 15px 11px #fd2b2b, 16px 11px #fd2b2b, 1px 12px #fd2b2b, + 2px 12px #fd2b2b, 3px 12px, 4px 12px, 5px 12px, 6px 12px, 7px 12px, 8px 12px, + 9px 12px, 10px 12px, 11px 12px, 12px 12px, 13px 12px, 14px 12px, + 15px 12px #fd2b2b, 16px 12px #fd2b2b, 1px 13px #fd2b2b, 2px 13px #fd2b2b, + 3px 13px, 4px 13px, 5px 13px, 6px 13px, 7px 13px, 8px 13px, 9px 13px, + 10px 13px, 11px 13px, 12px 13px, 13px 13px, 14px 13px, 15px 13px #fd2b2b, + 16px 13px #fd2b2b, 2px 14px #fd2b2b, 3px 14px, 4px 14px, 5px 14px, 6px 14px, + 7px 14px, 8px 14px, 9px 14px, 10px 14px, 11px 14px, 12px 14px, 13px 14px, + 14px 14px, 15px 14px #fd2b2b; +} + +@supports (-moz-appearance: meterbar) { + .tcs-icon.gmail::before { + box-shadow: 2px 3px 0 0.02em #fd2b2b, 3px 3px 0 0.02em, 4px 3px 0 0.02em, + 5px 3px 0 0.02em, 6px 3px 0 0.02em, 7px 3px 0 0.02em, 8px 3px 0 0.02em, + 9px 3px 0 0.02em, 10px 3px 0 0.02em, 11px 3px 0 0.02em, 12px 3px 0 0.02em, + 13px 3px 0 0.02em, 14px 3px 0 0.02em, 15px 3px 0 0.02em #fd2b2b, + 1px 4px 0 0.02em #fd2b2b, 2px 4px 0 0.02em #fd2b2b, + 3px 4px 0 0.02em #fd2b2b, 4px 4px 0 0.02em, 5px 4px 0 0.02em, + 6px 4px 0 0.02em, 7px 4px 0 0.02em, 8px 4px 0 0.02em, 9px 4px 0 0.02em, + 10px 4px 0 0.02em, 11px 4px 0 0.02em, 12px 4px 0 0.02em, 13px 4px 0 0.02em, + 14px 4px 0 0.02em #fd2b2b, 15px 4px 0 0.02em #fd2b2b, + 16px 4px 0 0.02em #fd2b2b, 1px 5px 0 0.02em #fd2b2b, + 2px 5px 0 0.02em #fd2b2b, 3px 5px 0 0.02em #fd2b2b, + 4px 5px 0 0.02em #fd2b2b, 5px 5px 0 0.02em, 6px 5px 0 0.02em, + 7px 5px 0 0.02em, 8px 5px 0 0.02em, 9px 5px 0 0.02em, 10px 5px 0 0.02em, + 11px 5px 0 0.02em, 12px 5px 0 0.02em, 13px 5px 0 0.02em #fd2b2b, + 14px 5px 0 0.02em #fd2b2b, 15px 5px 0 0.02em #fd2b2b, + 16px 5px 0 0.02em #fd2b2b, 1px 6px 0 0.02em #fd2b2b, + 2px 6px 0 0.02em #fd2b2b, 3px 6px 0 0.02em, 4px 6px 0 0.02em #fd2b2b, + 5px 6px 0 0.02em #fd2b2b, 6px 6px 0 0.02em, 7px 6px 0 0.02em, + 8px 6px 0 0.02em, 9px 6px 0 0.02em, 10px 6px 0 0.02em, 11px 6px 0 0.02em, + 12px 6px 0 0.02em #fd2b2b, 13px 6px 0 0.02em #fd2b2b, 14px 6px 0 0.02em, + 15px 6px 0 0.02em #fd2b2b, 16px 6px 0 0.02em #fd2b2b, + 1px 7px 0 0.02em #fd2b2b, 2px 7px 0 0.02em #fd2b2b, 3px 7px 0 0.02em, + 4px 7px 0 0.02em, 5px 7px 0 0.02em #fd2b2b, 6px 7px 0 0.02em #fd2b2b, + 7px 7px 0 0.02em, 8px 7px 0 0.02em, 9px 7px 0 0.02em, 10px 7px 0 0.02em, + 11px 7px 0 0.02em #fd2b2b, 12px 7px 0 0.02em #fd2b2b, 13px 7px 0 0.02em, + 14px 7px 0 0.02em, 15px 7px 0 0.02em #fd2b2b, 16px 7px 0 0.02em #fd2b2b, + 1px 8px 0 0.02em #fd2b2b, 2px 8px 0 0.02em #fd2b2b, 3px 8px 0 0.02em, + 4px 8px 0 0.02em, 5px 8px 0 0.02em, 6px 8px 0 0.02em #fd2b2b, + 7px 8px 0 0.02em #fd2b2b, 8px 8px 0 0.02em, 9px 8px 0 0.02em, + 10px 8px 0 0.02em #fd2b2b, 11px 8px 0 0.02em #fd2b2b, 12px 8px 0 0.02em, + 13px 8px 0 0.02em, 14px 8px 0 0.02em, 15px 8px 0 0.02em #fd2b2b, + 16px 8px 0 0.02em #fd2b2b, 1px 9px 0 0.02em #fd2b2b, + 2px 9px 0 0.02em #fd2b2b, 3px 9px 0 0.02em, 4px 9px 0 0.02em, + 5px 9px 0 0.02em, 6px 9px 0 0.02em, 7px 9px 0 0.02em #fd2b2b, + 8px 9px 0 0.02em #fd2b2b, 9px 9px 0 0.02em #fd2b2b, + 10px 9px 0 0.02em #fd2b2b, 11px 9px 0 0.02em, 12px 9px 0 0.02em, + 13px 9px 0 0.02em, 14px 9px 0 0.02em, 15px 9px 0 0.02em #fd2b2b, + 16px 9px 0 0.02em #fd2b2b, 1px 10px 0 0.02em #fd2b2b, + 2px 10px 0 0.02em #fd2b2b, 3px 10px 0 0.02em, 4px 10px 0 0.02em, + 5px 10px 0 0.02em, 6px 10px 0 0.02em, 7px 10px 0 0.02em, + 8px 10px 0 0.02em #fd2b2b, 9px 10px 0 0.02em #fd2b2b, 10px 10px 0 0.02em, + 11px 10px 0 0.02em, 12px 10px 0 0.02em, 13px 10px 0 0.02em, + 14px 10px 0 0.02em, 15px 10px 0 0.02em #fd2b2b, 16px 10px 0 0.02em #fd2b2b, + 1px 11px 0 0.02em #fd2b2b, 2px 11px 0 0.02em #fd2b2b, 3px 11px 0 0.02em, + 4px 11px 0 0.02em, 5px 11px 0 0.02em, 6px 11px 0 0.02em, 7px 11px 0 0.02em, + 8px 11px 0 0.02em, 9px 11px 0 0.02em, 10px 11px 0 0.02em, + 11px 11px 0 0.02em, 12px 11px 0 0.02em, 13px 11px 0 0.02em, + 14px 11px 0 0.02em, 15px 11px 0 0.02em #fd2b2b, 16px 11px 0 0.02em #fd2b2b, + 1px 12px 0 0.02em #fd2b2b, 2px 12px 0 0.02em #fd2b2b, 3px 12px 0 0.02em, + 4px 12px 0 0.02em, 5px 12px 0 0.02em, 6px 12px 0 0.02em, 7px 12px 0 0.02em, + 8px 12px 0 0.02em, 9px 12px 0 0.02em, 10px 12px 0 0.02em, + 11px 12px 0 0.02em, 12px 12px 0 0.02em, 13px 12px 0 0.02em, + 14px 12px 0 0.02em, 15px 12px 0 0.02em #fd2b2b, 16px 12px 0 0.02em #fd2b2b, + 1px 13px 0 0.02em #fd2b2b, 2px 13px 0 0.02em #fd2b2b, 3px 13px 0 0.02em, + 4px 13px 0 0.02em, 5px 13px 0 0.02em, 6px 13px 0 0.02em, 7px 13px 0 0.02em, + 8px 13px 0 0.02em, 9px 13px 0 0.02em, 10px 13px 0 0.02em, + 11px 13px 0 0.02em, 12px 13px 0 0.02em, 13px 13px 0 0.02em, + 14px 13px 0 0.02em, 15px 13px 0 0.02em #fd2b2b, 16px 13px 0 0.02em #fd2b2b, + 2px 14px 0 0.02em #fd2b2b, 3px 14px 0 0.02em, 4px 14px 0 0.02em, + 5px 14px 0 0.02em, 6px 14px 0 0.02em, 7px 14px 0 0.02em, 8px 14px 0 0.02em, + 9px 14px 0 0.02em, 10px 14px 0 0.02em, 11px 14px 0 0.02em, + 12px 14px 0 0.02em, 13px 14px 0 0.02em, 14px 14px 0 0.02em, + 15px 14px 0 0.02em #fd2b2b; + } +} + +.tcs-icon.linkedin::before { + width: 1px; + height: 1px; + color: #2577b9; + box-shadow: 2px 1px, 3px 1px, 4px 1px, 5px 1px, 6px 1px, 7px 1px, 8px 1px, + 9px 1px, 10px 1px, 11px 1px, 12px 1px, 13px 1px, 14px 1px, 15px 1px, 1px 2px, + 2px 2px, 3px 2px, 4px 2px, 5px 2px, 6px 2px, 7px 2px, 8px 2px, 9px 2px, + 10px 2px, 11px 2px, 12px 2px, 13px 2px, 14px 2px, 15px 2px, 16px 2px, + 1px 3px, 2px 3px, 3px 3px #fff, 4px 3px #fff, 5px 3px #fff, 6px 3px, 7px 3px, + 8px 3px, 9px 3px, 10px 3px, 11px 3px, 12px 3px, 13px 3px, 14px 3px, 15px 3px, + 16px 3px, 1px 4px, 2px 4px, 3px 4px #fff, 4px 4px #fff, 5px 4px #fff, + 6px 4px, 7px 4px, 8px 4px, 9px 4px, 10px 4px, 11px 4px, 12px 4px, 13px 4px, + 14px 4px, 15px 4px, 16px 4px, 1px 5px, 2px 5px, 3px 5px #fff, 4px 5px #fff, + 5px 5px #fff, 6px 5px, 7px 5px, 8px 5px, 9px 5px, 10px 5px, 11px 5px, + 12px 5px, 13px 5px, 14px 5px, 15px 5px, 16px 5px, 1px 6px, 2px 6px, 3px 6px, + 4px 6px, 5px 6px, 6px 6px, 7px 6px, 8px 6px, 9px 6px, 10px 6px, 11px 6px, + 12px 6px, 13px 6px, 14px 6px, 15px 6px, 16px 6px, 1px 7px, 2px 7px, + 3px 7px #fff, 4px 7px #fff, 5px 7px #fff, 6px 7px, 7px 7px #fff, + 8px 7px #fff, 9px 7px #fff, 10px 7px, 11px 7px #fff, 12px 7px #fff, + 13px 7px #fff, 14px 7px, 15px 7px, 16px 7px, 1px 8px, 2px 8px, 3px 8px #fff, + 4px 8px #fff, 5px 8px #fff, 6px 8px, 7px 8px #fff, 8px 8px #fff, + 9px 8px #fff, 10px 8px #fff, 11px 8px #fff, 12px 8px #fff, 13px 8px #fff, + 14px 8px #fff, 15px 8px, 16px 8px, 1px 9px, 2px 9px, 3px 9px #fff, + 4px 9px #fff, 5px 9px #fff, 6px 9px, 7px 9px #fff, 8px 9px #fff, + 9px 9px #fff, 10px 9px #fff, 11px 9px #fff, 12px 9px #fff, 13px 9px #fff, + 14px 9px #fff, 15px 9px, 16px 9px, 1px 10px, 2px 10px, 3px 10px #fff, + 4px 10px #fff, 5px 10px #fff, 6px 10px, 7px 10px #fff, 8px 10px #fff, + 9px 10px #fff, 10px 10px #fff, 11px 10px, 12px 10px #fff, 13px 10px #fff, + 14px 10px #fff, 15px 10px, 16px 10px, 1px 11px, 2px 11px, 3px 11px #fff, + 4px 11px #fff, 5px 11px #fff, 6px 11px, 7px 11px #fff, 8px 11px #fff, + 9px 11px #fff, 10px 11px, 11px 11px, 12px 11px #fff, 13px 11px #fff, + 14px 11px #fff, 15px 11px, 16px 11px, 1px 12px, 2px 12px, 3px 12px #fff, + 4px 12px #fff, 5px 12px #fff, 6px 12px, 7px 12px #fff, 8px 12px #fff, + 9px 12px #fff, 10px 12px, 11px 12px, 12px 12px #fff, 13px 12px #fff, + 14px 12px #fff, 15px 12px, 16px 12px, 1px 13px, 2px 13px, 3px 13px #fff, + 4px 13px #fff, 5px 13px #fff, 6px 13px, 7px 13px #fff, 8px 13px #fff, + 9px 13px #fff, 10px 13px, 11px 13px, 12px 13px #fff, 13px 13px #fff, + 14px 13px #fff, 15px 13px, 16px 13px, 1px 14px, 2px 14px, 3px 14px #fff, + 4px 14px #fff, 5px 14px #fff, 6px 14px, 7px 14px #fff, 8px 14px #fff, + 9px 14px #fff, 10px 14px, 11px 14px, 12px 14px #fff, 13px 14px #fff, + 14px 14px #fff, 15px 14px, 16px 14px, 1px 15px, 2px 15px, 3px 15px, 4px 15px, + 5px 15px, 6px 15px, 7px 15px, 8px 15px, 9px 15px, 10px 15px, 11px 15px, + 12px 15px, 13px 15px, 14px 15px, 15px 15px, 16px 15px, 2px 16px, 3px 16px, + 4px 16px, 5px 16px, 6px 16px, 7px 16px, 8px 16px, 9px 16px, 10px 16px, + 11px 16px, 12px 16px, 13px 16px, 14px 16px, 15px 16px; +} + +@supports (-moz-appearance: meterbar) { + .tcs-icon.linkedin::before { + box-shadow: 2px 1px 0 0.02em, 3px 1px 0 0.02em, 4px 1px 0 0.02em, + 5px 1px 0 0.02em, 6px 1px 0 0.02em, 7px 1px 0 0.02em, 8px 1px 0 0.02em, + 9px 1px 0 0.02em, 10px 1px 0 0.02em, 11px 1px 0 0.02em, 12px 1px 0 0.02em, + 13px 1px 0 0.02em, 14px 1px 0 0.02em, 15px 1px 0 0.02em, 1px 2px 0 0.02em, + 2px 2px 0 0.02em, 3px 2px 0 0.02em, 4px 2px 0 0.02em, 5px 2px 0 0.02em, + 6px 2px 0 0.02em, 7px 2px 0 0.02em, 8px 2px 0 0.02em, 9px 2px 0 0.02em, + 10px 2px 0 0.02em, 11px 2px 0 0.02em, 12px 2px 0 0.02em, 13px 2px 0 0.02em, + 14px 2px 0 0.02em, 15px 2px 0 0.02em, 16px 2px 0 0.02em, 1px 3px 0 0.02em, + 2px 3px 0 0.02em, 3px 3px 0 0.02em #fff, 4px 3px 0 0.02em #fff, + 5px 3px 0 0.02em #fff, 6px 3px 0 0.02em, 7px 3px 0 0.02em, + 8px 3px 0 0.02em, 9px 3px 0 0.02em, 10px 3px 0 0.02em, 11px 3px 0 0.02em, + 12px 3px 0 0.02em, 13px 3px 0 0.02em, 14px 3px 0 0.02em, 15px 3px 0 0.02em, + 16px 3px 0 0.02em, 1px 4px 0 0.02em, 2px 4px 0 0.02em, + 3px 4px 0 0.02em #fff, 4px 4px 0 0.02em #fff, 5px 4px 0 0.02em #fff, + 6px 4px 0 0.02em, 7px 4px 0 0.02em, 8px 4px 0 0.02em, 9px 4px 0 0.02em, + 10px 4px 0 0.02em, 11px 4px 0 0.02em, 12px 4px 0 0.02em, 13px 4px 0 0.02em, + 14px 4px 0 0.02em, 15px 4px 0 0.02em, 16px 4px 0 0.02em, 1px 5px 0 0.02em, + 2px 5px 0 0.02em, 3px 5px 0 0.02em #fff, 4px 5px 0 0.02em #fff, + 5px 5px 0 0.02em #fff, 6px 5px 0 0.02em, 7px 5px 0 0.02em, + 8px 5px 0 0.02em, 9px 5px 0 0.02em, 10px 5px 0 0.02em, 11px 5px 0 0.02em, + 12px 5px 0 0.02em, 13px 5px 0 0.02em, 14px 5px 0 0.02em, 15px 5px 0 0.02em, + 16px 5px 0 0.02em, 1px 6px 0 0.02em, 2px 6px 0 0.02em, 3px 6px 0 0.02em, + 4px 6px 0 0.02em, 5px 6px 0 0.02em, 6px 6px 0 0.02em, 7px 6px 0 0.02em, + 8px 6px 0 0.02em, 9px 6px 0 0.02em, 10px 6px 0 0.02em, 11px 6px 0 0.02em, + 12px 6px 0 0.02em, 13px 6px 0 0.02em, 14px 6px 0 0.02em, 15px 6px 0 0.02em, + 16px 6px 0 0.02em, 1px 7px 0 0.02em, 2px 7px 0 0.02em, + 3px 7px 0 0.02em #fff, 4px 7px 0 0.02em #fff, 5px 7px 0 0.02em #fff, + 6px 7px 0 0.02em, 7px 7px 0 0.02em #fff, 8px 7px 0 0.02em #fff, + 9px 7px 0 0.02em #fff, 10px 7px 0 0.02em, 11px 7px 0 0.02em #fff, + 12px 7px 0 0.02em #fff, 13px 7px 0 0.02em #fff, 14px 7px 0 0.02em, + 15px 7px 0 0.02em, 16px 7px 0 0.02em, 1px 8px 0 0.02em, 2px 8px 0 0.02em, + 3px 8px 0 0.02em #fff, 4px 8px 0 0.02em #fff, 5px 8px 0 0.02em #fff, + 6px 8px 0 0.02em, 7px 8px 0 0.02em #fff, 8px 8px 0 0.02em #fff, + 9px 8px 0 0.02em #fff, 10px 8px 0 0.02em #fff, 11px 8px 0 0.02em #fff, + 12px 8px 0 0.02em #fff, 13px 8px 0 0.02em #fff, 14px 8px 0 0.02em #fff, + 15px 8px 0 0.02em, 16px 8px 0 0.02em, 1px 9px 0 0.02em, 2px 9px 0 0.02em, + 3px 9px 0 0.02em #fff, 4px 9px 0 0.02em #fff, 5px 9px 0 0.02em #fff, + 6px 9px 0 0.02em, 7px 9px 0 0.02em #fff, 8px 9px 0 0.02em #fff, + 9px 9px 0 0.02em #fff, 10px 9px 0 0.02em #fff, 11px 9px 0 0.02em #fff, + 12px 9px 0 0.02em #fff, 13px 9px 0 0.02em #fff, 14px 9px 0 0.02em #fff, + 15px 9px 0 0.02em, 16px 9px 0 0.02em, 1px 10px 0 0.02em, 2px 10px 0 0.02em, + 3px 10px 0 0.02em #fff, 4px 10px 0 0.02em #fff, 5px 10px 0 0.02em #fff, + 6px 10px 0 0.02em, 7px 10px 0 0.02em #fff, 8px 10px 0 0.02em #fff, + 9px 10px 0 0.02em #fff, 10px 10px 0 0.02em #fff, 11px 10px 0 0.02em, + 12px 10px 0 0.02em #fff, 13px 10px 0 0.02em #fff, 14px 10px 0 0.02em #fff, + 15px 10px 0 0.02em, 16px 10px 0 0.02em, 1px 11px 0 0.02em, + 2px 11px 0 0.02em, 3px 11px 0 0.02em #fff, 4px 11px 0 0.02em #fff, + 5px 11px 0 0.02em #fff, 6px 11px 0 0.02em, 7px 11px 0 0.02em #fff, + 8px 11px 0 0.02em #fff, 9px 11px 0 0.02em #fff, 10px 11px 0 0.02em, + 11px 11px 0 0.02em, 12px 11px 0 0.02em #fff, 13px 11px 0 0.02em #fff, + 14px 11px 0 0.02em #fff, 15px 11px 0 0.02em, 16px 11px 0 0.02em, + 1px 12px 0 0.02em, 2px 12px 0 0.02em, 3px 12px 0 0.02em #fff, + 4px 12px 0 0.02em #fff, 5px 12px 0 0.02em #fff, 6px 12px 0 0.02em, + 7px 12px 0 0.02em #fff, 8px 12px 0 0.02em #fff, 9px 12px 0 0.02em #fff, + 10px 12px 0 0.02em, 11px 12px 0 0.02em, 12px 12px 0 0.02em #fff, + 13px 12px 0 0.02em #fff, 14px 12px 0 0.02em #fff, 15px 12px 0 0.02em, + 16px 12px 0 0.02em, 1px 13px 0 0.02em, 2px 13px 0 0.02em, + 3px 13px 0 0.02em #fff, 4px 13px 0 0.02em #fff, 5px 13px 0 0.02em #fff, + 6px 13px 0 0.02em, 7px 13px 0 0.02em #fff, 8px 13px 0 0.02em #fff, + 9px 13px 0 0.02em #fff, 10px 13px 0 0.02em, 11px 13px 0 0.02em, + 12px 13px 0 0.02em #fff, 13px 13px 0 0.02em #fff, 14px 13px 0 0.02em #fff, + 15px 13px 0 0.02em, 16px 13px 0 0.02em, 1px 14px 0 0.02em, + 2px 14px 0 0.02em, 3px 14px 0 0.02em #fff, 4px 14px 0 0.02em #fff, + 5px 14px 0 0.02em #fff, 6px 14px 0 0.02em, 7px 14px 0 0.02em #fff, + 8px 14px 0 0.02em #fff, 9px 14px 0 0.02em #fff, 10px 14px 0 0.02em, + 11px 14px 0 0.02em, 12px 14px 0 0.02em #fff, 13px 14px 0 0.02em #fff, + 14px 14px 0 0.02em #fff, 15px 14px 0 0.02em, 16px 14px 0 0.02em, + 1px 15px 0 0.02em, 2px 15px 0 0.02em, 3px 15px 0 0.02em, 4px 15px 0 0.02em, + 5px 15px 0 0.02em, 6px 15px 0 0.02em, 7px 15px 0 0.02em, 8px 15px 0 0.02em, + 9px 15px 0 0.02em, 10px 15px 0 0.02em, 11px 15px 0 0.02em, + 12px 15px 0 0.02em, 13px 15px 0 0.02em, 14px 15px 0 0.02em, + 15px 15px 0 0.02em, 16px 15px 0 0.02em, 2px 16px 0 0.02em, + 3px 16px 0 0.02em, 4px 16px 0 0.02em, 5px 16px 0 0.02em, 6px 16px 0 0.02em, + 7px 16px 0 0.02em, 8px 16px 0 0.02em, 9px 16px 0 0.02em, + 10px 16px 0 0.02em, 11px 16px 0 0.02em, 12px 16px 0 0.02em, + 13px 16px 0 0.02em, 14px 16px 0 0.02em, 15px 16px 0 0.02em; + } +} + +.tcs-icon.instagram::before { + width: 1px; + height: 1px; + color: #fff; + box-shadow: 3px 1px #8005c8, 4px 1px #8005c8, 5px 1px #8005c8, 6px 1px #8005c8, + 7px 1px #8005c8, 8px 1px #8005c8, 9px 1px #8005c8, 10px 1px #8005c8, + 11px 1px #8005c8, 12px 1px #8005c8, 13px 1px #8005c8, 14px 1px #8005c8, + 2px 2px #8005c8, 3px 2px #8005c8, 4px 2px #8005c8, 5px 2px #8005c8, + 6px 2px #8005c8, 7px 2px #8005c8, 8px 2px #8005c8, 9px 2px #8005c8, + 10px 2px #8005c8, 11px 2px #8005c8, 12px 2px #8005c8, 13px 2px #8005c8, + 14px 2px #8005c8, 15px 2px #8005c8, 1px 3px #8005c8, 2px 3px #8005c8, + 3px 3px #8005c8, 4px 3px, 5px 3px, 6px 3px, 7px 3px, 8px 3px, 9px 3px, + 10px 3px, 11px 3px, 12px 3px, 13px 3px, 14px 3px #8005c8, 15px 3px #8005c8, + 16px 3px #8005c8, 1px 4px #8005c8, 2px 4px #8005c8, 3px 4px, 4px 4px, + 5px 4px, 6px 4px, 7px 4px, 8px 4px, 9px 4px, 10px 4px, 11px 4px, + 12px 4px #8005c8, 13px 4px #8005c8, 14px 4px, 15px 4px #8005c8, + 16px 4px #8005c8, 1px 5px #8005c8, 2px 5px #8005c8, 3px 5px, 4px 5px, + 5px 5px, 6px 5px, 7px 5px, 8px 5px, 9px 5px, 10px 5px, 11px 5px, + 12px 5px #8005c8, 13px 5px #8005c8, 14px 5px, 15px 5px #8005c8, + 16px 5px #8005c8, 1px 6px #8005c8, 2px 6px #8005c8, 3px 6px, 4px 6px, + 5px 6px, 6px 6px, 7px 6px #8005c8, 8px 6px #8005c8, 9px 6px #8005c8, + 10px 6px #8005c8, 11px 6px, 12px 6px, 13px 6px, 14px 6px, 15px 6px #8005c8, + 16px 6px #8005c8, 1px 7px #d40075, 2px 7px #8005c8, 3px 7px, 4px 7px, + 5px 7px, 6px 7px #8005c8, 7px 7px, 8px 7px, 9px 7px, 10px 7px, + 11px 7px #8005c8, 12px 7px, 13px 7px, 14px 7px, 15px 7px #8005c8, + 16px 7px #d40075, 1px 8px #d40075, 2px 8px #d40075, 3px 8px, 4px 8px, + 5px 8px, 6px 8px #8005c8, 7px 8px, 8px 8px, 9px 8px, 10px 8px, + 11px 8px #8005c8, 12px 8px, 13px 8px, 14px 8px, 15px 8px #d40075, + 16px 8px #d40075, 1px 9px #d40075, 2px 9px #d40075, 3px 9px, 4px 9px, + 5px 9px, 6px 9px #d40075, 7px 9px, 8px 9px, 9px 9px, 10px 9px, + 11px 9px #d40075, 12px 9px, 13px 9px, 14px 9px, 15px 9px #d40075, + 16px 9px #d40075, 1px 10px #d40075, 2px 10px #d40075, 3px 10px, 4px 10px, + 5px 10px, 6px 10px #d40075, 7px 10px, 8px 10px, 9px 10px, 10px 10px, + 11px 10px #d40075, 12px 10px, 13px 10px, 14px 10px, 15px 10px #d40075, + 16px 10px #d40075, 1px 11px #e98c25, 2px 11px #e98c25, 3px 11px, 4px 11px, + 5px 11px, 6px 11px, 7px 11px #d40075, 8px 11px #d40075, 9px 11px #d40075, + 10px 11px #d40075, 11px 11px, 12px 11px, 13px 11px, 14px 11px, + 15px 11px #d40075, 16px 11px #d40075, 1px 12px #e98c25, 2px 12px #e98c25, + 3px 12px, 4px 12px, 5px 12px, 6px 12px, 7px 12px, 8px 12px, 9px 12px, + 10px 12px, 11px 12px, 12px 12px, 13px 12px, 14px 12px, 15px 12px #d40075, + 16px 12px #d40075, 1px 13px #e98c25, 2px 13px #e98c25, 3px 13px, 4px 13px, + 5px 13px, 6px 13px, 7px 13px, 8px 13px, 9px 13px, 10px 13px, 11px 13px, + 12px 13px, 13px 13px, 14px 13px, 15px 13px #d84646, 16px 13px #d84646, + 1px 14px #e98c25, 2px 14px #e98c25, 3px 14px #e98c25, 4px 14px, 5px 14px, + 6px 14px, 7px 14px, 8px 14px, 9px 14px, 10px 14px, 11px 14px, 12px 14px, + 13px 14px, 14px 14px #d84646, 15px 14px #d84646, 16px 14px #d84646, + 2px 15px #e98c25, 3px 15px #e98c25, 4px 15px #e98c25, 5px 15px #e98c25, + 6px 15px #e98c25, 7px 15px #e98c25, 8px 15px #e98c25, 9px 15px #e98c25, + 10px 15px #d84646, 11px 15px #d84646, 12px 15px #d84646, 13px 15px #d84646, + 14px 15px #d84646, 15px 15px #d84646, 3px 16px #e98c25, 4px 16px #e98c25, + 5px 16px #e98c25, 6px 16px #e98c25, 7px 16px #e98c25, 8px 16px #e98c25, + 9px 16px #d84646, 10px 16px #d84646, 11px 16px #d84646, 12px 16px #d84646, + 13px 16px #d84646, 14px 16px #d84646; +} + +@supports (-moz-appearance: meterbar) { + .tcs-icon.instagram::before { + box-shadow: 3px 1px 0 0.02em #8005c8, 4px 1px 0 0.02em #8005c8, + 5px 1px 0 0.02em #8005c8, 6px 1px 0 0.02em #8005c8, + 7px 1px 0 0.02em #8005c8, 8px 1px 0 0.02em #8005c8, + 9px 1px 0 0.02em #8005c8, 10px 1px 0 0.02em #8005c8, + 11px 1px 0 0.02em #8005c8, 12px 1px 0 0.02em #8005c8, + 13px 1px 0 0.02em #8005c8, 14px 1px 0 0.02em #8005c8, + 2px 2px 0 0.02em #8005c8, 3px 2px 0 0.02em #8005c8, + 4px 2px 0 0.02em #8005c8, 5px 2px 0 0.02em #8005c8, + 6px 2px 0 0.02em #8005c8, 7px 2px 0 0.02em #8005c8, + 8px 2px 0 0.02em #8005c8, 9px 2px 0 0.02em #8005c8, + 10px 2px 0 0.02em #8005c8, 11px 2px 0 0.02em #8005c8, + 12px 2px 0 0.02em #8005c8, 13px 2px 0 0.02em #8005c8, + 14px 2px 0 0.02em #8005c8, 15px 2px 0 0.02em #8005c8, + 1px 3px 0 0.02em #8005c8, 2px 3px 0 0.02em #8005c8, + 3px 3px 0 0.02em #8005c8, 4px 3px 0 0.02em, 5px 3px 0 0.02em, + 6px 3px 0 0.02em, 7px 3px 0 0.02em, 8px 3px 0 0.02em, 9px 3px 0 0.02em, + 10px 3px 0 0.02em, 11px 3px 0 0.02em, 12px 3px 0 0.02em, 13px 3px 0 0.02em, + 14px 3px 0 0.02em #8005c8, 15px 3px 0 0.02em #8005c8, + 16px 3px 0 0.02em #8005c8, 1px 4px 0 0.02em #8005c8, + 2px 4px 0 0.02em #8005c8, 3px 4px 0 0.02em, 4px 4px 0 0.02em, + 5px 4px 0 0.02em, 6px 4px 0 0.02em, 7px 4px 0 0.02em, 8px 4px 0 0.02em, + 9px 4px 0 0.02em, 10px 4px 0 0.02em, 11px 4px 0 0.02em, + 12px 4px 0 0.02em #8005c8, 13px 4px 0 0.02em #8005c8, 14px 4px 0 0.02em, + 15px 4px 0 0.02em #8005c8, 16px 4px 0 0.02em #8005c8, + 1px 5px 0 0.02em #8005c8, 2px 5px 0 0.02em #8005c8, 3px 5px 0 0.02em, + 4px 5px 0 0.02em, 5px 5px 0 0.02em, 6px 5px 0 0.02em, 7px 5px 0 0.02em, + 8px 5px 0 0.02em, 9px 5px 0 0.02em, 10px 5px 0 0.02em, 11px 5px 0 0.02em, + 12px 5px 0 0.02em #8005c8, 13px 5px 0 0.02em #8005c8, 14px 5px 0 0.02em, + 15px 5px 0 0.02em #8005c8, 16px 5px 0 0.02em #8005c8, + 1px 6px 0 0.02em #8005c8, 2px 6px 0 0.02em #8005c8, 3px 6px 0 0.02em, + 4px 6px 0 0.02em, 5px 6px 0 0.02em, 6px 6px 0 0.02em, + 7px 6px 0 0.02em #8005c8, 8px 6px 0 0.02em #8005c8, + 9px 6px 0 0.02em #8005c8, 10px 6px 0 0.02em #8005c8, 11px 6px 0 0.02em, + 12px 6px 0 0.02em, 13px 6px 0 0.02em, 14px 6px 0 0.02em, + 15px 6px 0 0.02em #8005c8, 16px 6px 0 0.02em #8005c8, + 1px 7px 0 0.02em #d40075, 2px 7px 0 0.02em #8005c8, 3px 7px 0 0.02em, + 4px 7px 0 0.02em, 5px 7px 0 0.02em, 6px 7px 0 0.02em #8005c8, + 7px 7px 0 0.02em, 8px 7px 0 0.02em, 9px 7px 0 0.02em, 10px 7px 0 0.02em, + 11px 7px 0 0.02em #8005c8, 12px 7px 0 0.02em, 13px 7px 0 0.02em, + 14px 7px 0 0.02em, 15px 7px 0 0.02em #8005c8, 16px 7px 0 0.02em #d40075, + 1px 8px 0 0.02em #d40075, 2px 8px 0 0.02em #d40075, 3px 8px 0 0.02em, + 4px 8px 0 0.02em, 5px 8px 0 0.02em, 6px 8px 0 0.02em #8005c8, + 7px 8px 0 0.02em, 8px 8px 0 0.02em, 9px 8px 0 0.02em, 10px 8px 0 0.02em, + 11px 8px 0 0.02em #8005c8, 12px 8px 0 0.02em, 13px 8px 0 0.02em, + 14px 8px 0 0.02em, 15px 8px 0 0.02em #d40075, 16px 8px 0 0.02em #d40075, + 1px 9px 0 0.02em #d40075, 2px 9px 0 0.02em #d40075, 3px 9px 0 0.02em, + 4px 9px 0 0.02em, 5px 9px 0 0.02em, 6px 9px 0 0.02em #d40075, + 7px 9px 0 0.02em, 8px 9px 0 0.02em, 9px 9px 0 0.02em, 10px 9px 0 0.02em, + 11px 9px 0 0.02em #d40075, 12px 9px 0 0.02em, 13px 9px 0 0.02em, + 14px 9px 0 0.02em, 15px 9px 0 0.02em #d40075, 16px 9px 0 0.02em #d40075, + 1px 10px 0 0.02em #d40075, 2px 10px 0 0.02em #d40075, 3px 10px 0 0.02em, + 4px 10px 0 0.02em, 5px 10px 0 0.02em, 6px 10px 0 0.02em #d40075, + 7px 10px 0 0.02em, 8px 10px 0 0.02em, 9px 10px 0 0.02em, + 10px 10px 0 0.02em, 11px 10px 0 0.02em #d40075, 12px 10px 0 0.02em, + 13px 10px 0 0.02em, 14px 10px 0 0.02em, 15px 10px 0 0.02em #d40075, + 16px 10px 0 0.02em #d40075, 1px 11px 0 0.02em #e98c25, + 2px 11px 0 0.02em #e98c25, 3px 11px 0 0.02em, 4px 11px 0 0.02em, + 5px 11px 0 0.02em, 6px 11px 0 0.02em, 7px 11px 0 0.02em #d40075, + 8px 11px 0 0.02em #d40075, 9px 11px 0 0.02em #d40075, + 10px 11px 0 0.02em #d40075, 11px 11px 0 0.02em, 12px 11px 0 0.02em, + 13px 11px 0 0.02em, 14px 11px 0 0.02em, 15px 11px 0 0.02em #d40075, + 16px 11px 0 0.02em #d40075, 1px 12px 0 0.02em #e98c25, + 2px 12px 0 0.02em #e98c25, 3px 12px 0 0.02em, 4px 12px 0 0.02em, + 5px 12px 0 0.02em, 6px 12px 0 0.02em, 7px 12px 0 0.02em, 8px 12px 0 0.02em, + 9px 12px 0 0.02em, 10px 12px 0 0.02em, 11px 12px 0 0.02em, + 12px 12px 0 0.02em, 13px 12px 0 0.02em, 14px 12px 0 0.02em, + 15px 12px 0 0.02em #d40075, 16px 12px 0 0.02em #d40075, + 1px 13px 0 0.02em #e98c25, 2px 13px 0 0.02em #e98c25, 3px 13px 0 0.02em, + 4px 13px 0 0.02em, 5px 13px 0 0.02em, 6px 13px 0 0.02em, 7px 13px 0 0.02em, + 8px 13px 0 0.02em, 9px 13px 0 0.02em, 10px 13px 0 0.02em, + 11px 13px 0 0.02em, 12px 13px 0 0.02em, 13px 13px 0 0.02em, + 14px 13px 0 0.02em, 15px 13px 0 0.02em #d84646, 16px 13px 0 0.02em #d84646, + 1px 14px 0 0.02em #e98c25, 2px 14px 0 0.02em #e98c25, + 3px 14px 0 0.02em #e98c25, 4px 14px 0 0.02em, 5px 14px 0 0.02em, + 6px 14px 0 0.02em, 7px 14px 0 0.02em, 8px 14px 0 0.02em, 9px 14px 0 0.02em, + 10px 14px 0 0.02em, 11px 14px 0 0.02em, 12px 14px 0 0.02em, + 13px 14px 0 0.02em, 14px 14px 0 0.02em #d84646, 15px 14px 0 0.02em #d84646, + 16px 14px 0 0.02em #d84646, 2px 15px 0 0.02em #e98c25, + 3px 15px 0 0.02em #e98c25, 4px 15px 0 0.02em #e98c25, + 5px 15px 0 0.02em #e98c25, 6px 15px 0 0.02em #e98c25, + 7px 15px 0 0.02em #e98c25, 8px 15px 0 0.02em #e98c25, + 9px 15px 0 0.02em #e98c25, 10px 15px 0 0.02em #d84646, + 11px 15px 0 0.02em #d84646, 12px 15px 0 0.02em #d84646, + 13px 15px 0 0.02em #d84646, 14px 15px 0 0.02em #d84646, + 15px 15px 0 0.02em #d84646, 3px 16px 0 0.02em #e98c25, + 4px 16px 0 0.02em #e98c25, 5px 16px 0 0.02em #e98c25, + 6px 16px 0 0.02em #e98c25, 7px 16px 0 0.02em #e98c25, + 8px 16px 0 0.02em #e98c25, 9px 16px 0 0.02em #d84646, + 10px 16px 0 0.02em #d84646, 11px 16px 0 0.02em #d84646, + 12px 16px 0 0.02em #d84646, 13px 16px 0 0.02em #d84646, + 14px 16px 0 0.02em #d84646; + } +} + +.tcs-icon.coin::before { + width: 1px; + height: 1px; + color: #ffc107; + box-shadow: 6px 1px #060606, 7px 1px #060606, 8px 1px #060606, 9px 1px #060606, + 10px 1px #060606, 11px 1px #060606, 4px 2px #060606, 5px 2px #060606, + 6px 2px #060606, 7px 2px #fff, 8px 2px #fff, 9px 2px #fff, 10px 2px #060606, + 11px 2px #060606, 12px 2px #060606, 13px 2px #060606, 3px 3px #060606, + 4px 3px #060606, 5px 3px #fff, 6px 3px #fff, 7px 3px, 8px 3px, 9px 3px, + 10px 3px, 11px 3px, 12px 3px #060606, 13px 3px #060606, 3px 4px #060606, + 4px 4px #fff, 5px 4px, 6px 4px, 7px 4px #fff, 8px 4px #fff, 9px 4px #fff, + 10px 4px #060606, 11px 4px, 12px 4px, 13px 4px #060606, 14px 4px #060606, + 2px 5px #060606, 3px 5px #060606, 4px 5px #fff, 5px 5px, 6px 5px, + 7px 5px #fff, 8px 5px, 9px 5px, 10px 5px #060606, 11px 5px, 12px 5px, + 13px 5px #060606, 14px 5px #060606, 2px 6px #060606, 3px 6px #fff, 4px 6px, + 5px 6px, 6px 6px, 7px 6px #fff, 8px 6px, 9px 6px, 10px 6px #060606, 11px 6px, + 12px 6px, 13px 6px, 14px 6px #060606, 15px 6px #060606, 2px 7px #060606, + 3px 7px #fff, 4px 7px, 5px 7px, 6px 7px, 7px 7px #fff, 8px 7px, 9px 7px, + 10px 7px #060606, 11px 7px, 12px 7px, 13px 7px, 14px 7px #060606, + 15px 7px #060606, 2px 8px #060606, 3px 8px #fff, 4px 8px, 5px 8px, 6px 8px, + 7px 8px #fff, 8px 8px, 9px 8px, 10px 8px #060606, 11px 8px, 12px 8px, + 13px 8px, 14px 8px #060606, 15px 8px #060606, 2px 9px #060606, 3px 9px #fff, + 4px 9px, 5px 9px, 6px 9px, 7px 9px #fff, 8px 9px, 9px 9px, 10px 9px #060606, + 11px 9px, 12px 9px, 13px 9px, 14px 9px #060606, 15px 9px #060606, + 2px 10px #060606, 3px 10px #fff, 4px 10px, 5px 10px, 6px 10px, 7px 10px #fff, + 8px 10px, 9px 10px, 10px 10px #060606, 11px 10px, 12px 10px, 13px 10px, + 14px 10px #060606, 15px 10px #060606, 2px 11px #060606, 3px 11px #fff, + 4px 11px, 5px 11px, 6px 11px, 7px 11px #fff, 8px 11px, 9px 11px, + 10px 11px #060606, 11px 11px, 12px 11px, 13px 11px, 14px 11px #060606, + 15px 11px #060606, 2px 12px #060606, 3px 12px #060606, 4px 12px #fff, + 5px 12px, 6px 12px, 7px 12px #fff, 8px 12px, 9px 12px, 10px 12px #060606, + 11px 12px, 12px 12px, 13px 12px #060606, 14px 12px #060606, 3px 13px #060606, + 4px 13px #fff, 5px 13px, 6px 13px, 7px 13px #fff, 8px 13px #060606, + 9px 13px #060606, 10px 13px #060606, 11px 13px, 12px 13px, 13px 13px #060606, + 14px 13px #060606, 3px 14px #060606, 4px 14px #060606, 5px 14px #fff, + 6px 14px, 7px 14px, 8px 14px, 9px 14px, 10px 14px, 11px 14px, + 12px 14px #060606, 13px 14px #060606, 4px 15px #060606, 5px 15px #060606, + 6px 15px #060606, 7px 15px, 8px 15px, 9px 15px, 10px 15px #060606, + 11px 15px #060606, 12px 15px #060606, 13px 15px #060606, 6px 16px #060606, + 7px 16px #060606, 8px 16px #060606, 9px 16px #060606, 10px 16px #060606, + 11px 16px #060606; +} + +@supports (-moz-appearance: meterbar) { + .tcs-icon.coin::before { + box-shadow: 6px 1px 0 0.02em #060606, 7px 1px 0 0.02em #060606, + 8px 1px 0 0.02em #060606, 9px 1px 0 0.02em #060606, + 10px 1px 0 0.02em #060606, 11px 1px 0 0.02em #060606, + 4px 2px 0 0.02em #060606, 5px 2px 0 0.02em #060606, + 6px 2px 0 0.02em #060606, 7px 2px 0 0.02em #fff, 8px 2px 0 0.02em #fff, + 9px 2px 0 0.02em #fff, 10px 2px 0 0.02em #060606, + 11px 2px 0 0.02em #060606, 12px 2px 0 0.02em #060606, + 13px 2px 0 0.02em #060606, 3px 3px 0 0.02em #060606, + 4px 3px 0 0.02em #060606, 5px 3px 0 0.02em #fff, 6px 3px 0 0.02em #fff, + 7px 3px 0 0.02em, 8px 3px 0 0.02em, 9px 3px 0 0.02em, 10px 3px 0 0.02em, + 11px 3px 0 0.02em, 12px 3px 0 0.02em #060606, 13px 3px 0 0.02em #060606, + 3px 4px 0 0.02em #060606, 4px 4px 0 0.02em #fff, 5px 4px 0 0.02em, + 6px 4px 0 0.02em, 7px 4px 0 0.02em #fff, 8px 4px 0 0.02em #fff, + 9px 4px 0 0.02em #fff, 10px 4px 0 0.02em #060606, 11px 4px 0 0.02em, + 12px 4px 0 0.02em, 13px 4px 0 0.02em #060606, 14px 4px 0 0.02em #060606, + 2px 5px 0 0.02em #060606, 3px 5px 0 0.02em #060606, 4px 5px 0 0.02em #fff, + 5px 5px 0 0.02em, 6px 5px 0 0.02em, 7px 5px 0 0.02em #fff, + 8px 5px 0 0.02em, 9px 5px 0 0.02em, 10px 5px 0 0.02em #060606, + 11px 5px 0 0.02em, 12px 5px 0 0.02em, 13px 5px 0 0.02em #060606, + 14px 5px 0 0.02em #060606, 2px 6px 0 0.02em #060606, 3px 6px 0 0.02em #fff, + 4px 6px 0 0.02em, 5px 6px 0 0.02em, 6px 6px 0 0.02em, + 7px 6px 0 0.02em #fff, 8px 6px 0 0.02em, 9px 6px 0 0.02em, + 10px 6px 0 0.02em #060606, 11px 6px 0 0.02em, 12px 6px 0 0.02em, + 13px 6px 0 0.02em, 14px 6px 0 0.02em #060606, 15px 6px 0 0.02em #060606, + 2px 7px 0 0.02em #060606, 3px 7px 0 0.02em #fff, 4px 7px 0 0.02em, + 5px 7px 0 0.02em, 6px 7px 0 0.02em, 7px 7px 0 0.02em #fff, + 8px 7px 0 0.02em, 9px 7px 0 0.02em, 10px 7px 0 0.02em #060606, + 11px 7px 0 0.02em, 12px 7px 0 0.02em, 13px 7px 0 0.02em, + 14px 7px 0 0.02em #060606, 15px 7px 0 0.02em #060606, + 2px 8px 0 0.02em #060606, 3px 8px 0 0.02em #fff, 4px 8px 0 0.02em, + 5px 8px 0 0.02em, 6px 8px 0 0.02em, 7px 8px 0 0.02em #fff, + 8px 8px 0 0.02em, 9px 8px 0 0.02em, 10px 8px 0 0.02em #060606, + 11px 8px 0 0.02em, 12px 8px 0 0.02em, 13px 8px 0 0.02em, + 14px 8px 0 0.02em #060606, 15px 8px 0 0.02em #060606, + 2px 9px 0 0.02em #060606, 3px 9px 0 0.02em #fff, 4px 9px 0 0.02em, + 5px 9px 0 0.02em, 6px 9px 0 0.02em, 7px 9px 0 0.02em #fff, + 8px 9px 0 0.02em, 9px 9px 0 0.02em, 10px 9px 0 0.02em #060606, + 11px 9px 0 0.02em, 12px 9px 0 0.02em, 13px 9px 0 0.02em, + 14px 9px 0 0.02em #060606, 15px 9px 0 0.02em #060606, + 2px 10px 0 0.02em #060606, 3px 10px 0 0.02em #fff, 4px 10px 0 0.02em, + 5px 10px 0 0.02em, 6px 10px 0 0.02em, 7px 10px 0 0.02em #fff, + 8px 10px 0 0.02em, 9px 10px 0 0.02em, 10px 10px 0 0.02em #060606, + 11px 10px 0 0.02em, 12px 10px 0 0.02em, 13px 10px 0 0.02em, + 14px 10px 0 0.02em #060606, 15px 10px 0 0.02em #060606, + 2px 11px 0 0.02em #060606, 3px 11px 0 0.02em #fff, 4px 11px 0 0.02em, + 5px 11px 0 0.02em, 6px 11px 0 0.02em, 7px 11px 0 0.02em #fff, + 8px 11px 0 0.02em, 9px 11px 0 0.02em, 10px 11px 0 0.02em #060606, + 11px 11px 0 0.02em, 12px 11px 0 0.02em, 13px 11px 0 0.02em, + 14px 11px 0 0.02em #060606, 15px 11px 0 0.02em #060606, + 2px 12px 0 0.02em #060606, 3px 12px 0 0.02em #060606, + 4px 12px 0 0.02em #fff, 5px 12px 0 0.02em, 6px 12px 0 0.02em, + 7px 12px 0 0.02em #fff, 8px 12px 0 0.02em, 9px 12px 0 0.02em, + 10px 12px 0 0.02em #060606, 11px 12px 0 0.02em, 12px 12px 0 0.02em, + 13px 12px 0 0.02em #060606, 14px 12px 0 0.02em #060606, + 3px 13px 0 0.02em #060606, 4px 13px 0 0.02em #fff, 5px 13px 0 0.02em, + 6px 13px 0 0.02em, 7px 13px 0 0.02em #fff, 8px 13px 0 0.02em #060606, + 9px 13px 0 0.02em #060606, 10px 13px 0 0.02em #060606, 11px 13px 0 0.02em, + 12px 13px 0 0.02em, 13px 13px 0 0.02em #060606, 14px 13px 0 0.02em #060606, + 3px 14px 0 0.02em #060606, 4px 14px 0 0.02em #060606, + 5px 14px 0 0.02em #fff, 6px 14px 0 0.02em, 7px 14px 0 0.02em, + 8px 14px 0 0.02em, 9px 14px 0 0.02em, 10px 14px 0 0.02em, + 11px 14px 0 0.02em, 12px 14px 0 0.02em #060606, 13px 14px 0 0.02em #060606, + 4px 15px 0 0.02em #060606, 5px 15px 0 0.02em #060606, + 6px 15px 0 0.02em #060606, 7px 15px 0 0.02em, 8px 15px 0 0.02em, + 9px 15px 0 0.02em, 10px 15px 0 0.02em #060606, 11px 15px 0 0.02em #060606, + 12px 15px 0 0.02em #060606, 13px 15px 0 0.02em #060606, + 6px 16px 0 0.02em #060606, 7px 16px 0 0.02em #060606, + 8px 16px 0 0.02em #060606, 9px 16px 0 0.02em #060606, + 10px 16px 0 0.02em #060606, 11px 16px 0 0.02em #060606; + } +} + +.nes-logo { + position: relative; + display: inline-block; + width: 60px; + height: 40px; +} + +.nes-logo::before { + position: absolute; + top: -4px; + left: -4px; + content: ""; + background: transparent; + width: 4px; + height: 4px; + color: #3e3634; + box-shadow: 28px 4px, 28px 8px, 32px 12px, 4px 16px #c3c3c3, 8px 16px #c3c3c3, + 12px 16px #c3c3c3, 16px 16px #c3c3c3, 20px 16px #c3c3c3, 24px 16px #c3c3c3, + 28px 16px #c3c3c3, 32px 16px #c3c3c3, 36px 16px #c3c3c3, 40px 16px #c3c3c3, + 44px 16px #c3c3c3, 48px 16px #c3c3c3, 52px 16px #c3c3c3, 56px 16px #c3c3c3, + 60px 16px #c3c3c3, 4px 20px #c3c3c3, 8px 20px, 12px 20px, 16px 20px, + 20px 20px, 24px 20px, 28px 20px, 32px 20px, 36px 20px, 40px 20px, 44px 20px, + 48px 20px, 52px 20px, 56px 20px, 60px 20px #c3c3c3, 4px 24px #c3c3c3, + 8px 24px, 12px 24px, 16px 24px #c3c3c3, 20px 24px, 24px 24px, + 28px 24px #787973, 32px 24px #787973, 36px 24px #787973, 40px 24px, + 44px 24px, 48px 24px, 52px 24px, 56px 24px, 60px 24px #c3c3c3, + 4px 28px #c3c3c3, 8px 28px, 12px 28px #c3c3c3, 16px 28px #c3c3c3, + 20px 28px #c3c3c3, 24px 28px, 28px 28px, 32px 28px, 36px 28px, 40px 28px, + 44px 28px, 48px 28px, 52px 28px, 56px 28px, 60px 28px #c3c3c3, + 4px 32px #c3c3c3, 8px 32px, 12px 32px, 16px 32px #c3c3c3, 20px 32px, + 24px 32px, 28px 32px #787973, 32px 32px #787973, 36px 32px #787973, + 40px 32px, 44px 32px #bf1710, 48px 32px, 52px 32px #bf1710, 56px 32px, + 60px 32px #c3c3c3, 4px 36px #c3c3c3, 8px 36px, 12px 36px, 16px 36px, + 20px 36px, 24px 36px, 28px 36px, 32px 36px, 36px 36px, 40px 36px, 44px 36px, + 48px 36px, 52px 36px, 56px 36px, 60px 36px #c3c3c3, 4px 40px #c3c3c3, + 8px 40px #c3c3c3, 12px 40px #c3c3c3, 16px 40px #c3c3c3, 20px 40px #c3c3c3, + 24px 40px #c3c3c3, 28px 40px #c3c3c3, 32px 40px #c3c3c3, 36px 40px #c3c3c3, + 40px 40px #c3c3c3, 44px 40px #c3c3c3, 48px 40px #c3c3c3, 52px 40px #c3c3c3, + 56px 40px #c3c3c3, 60px 40px #c3c3c3; + transform: rotate(0); +} + +@supports (-moz-appearance: meterbar) { + .nes-logo::before { + box-shadow: 28px 4px 0 0.02em, 28px 8px 0 0.02em, 32px 12px 0 0.02em, + 4px 16px 0 0.02em #c3c3c3, 8px 16px 0 0.02em #c3c3c3, + 12px 16px 0 0.02em #c3c3c3, 16px 16px 0 0.02em #c3c3c3, + 20px 16px 0 0.02em #c3c3c3, 24px 16px 0 0.02em #c3c3c3, + 28px 16px 0 0.02em #c3c3c3, 32px 16px 0 0.02em #c3c3c3, + 36px 16px 0 0.02em #c3c3c3, 40px 16px 0 0.02em #c3c3c3, + 44px 16px 0 0.02em #c3c3c3, 48px 16px 0 0.02em #c3c3c3, + 52px 16px 0 0.02em #c3c3c3, 56px 16px 0 0.02em #c3c3c3, + 60px 16px 0 0.02em #c3c3c3, 4px 20px 0 0.02em #c3c3c3, 8px 20px 0 0.02em, + 12px 20px 0 0.02em, 16px 20px 0 0.02em, 20px 20px 0 0.02em, + 24px 20px 0 0.02em, 28px 20px 0 0.02em, 32px 20px 0 0.02em, + 36px 20px 0 0.02em, 40px 20px 0 0.02em, 44px 20px 0 0.02em, + 48px 20px 0 0.02em, 52px 20px 0 0.02em, 56px 20px 0 0.02em, + 60px 20px 0 0.02em #c3c3c3, 4px 24px 0 0.02em #c3c3c3, 8px 24px 0 0.02em, + 12px 24px 0 0.02em, 16px 24px 0 0.02em #c3c3c3, 20px 24px 0 0.02em, + 24px 24px 0 0.02em, 28px 24px 0 0.02em #787973, 32px 24px 0 0.02em #787973, + 36px 24px 0 0.02em #787973, 40px 24px 0 0.02em, 44px 24px 0 0.02em, + 48px 24px 0 0.02em, 52px 24px 0 0.02em, 56px 24px 0 0.02em, + 60px 24px 0 0.02em #c3c3c3, 4px 28px 0 0.02em #c3c3c3, 8px 28px 0 0.02em, + 12px 28px 0 0.02em #c3c3c3, 16px 28px 0 0.02em #c3c3c3, + 20px 28px 0 0.02em #c3c3c3, 24px 28px 0 0.02em, 28px 28px 0 0.02em, + 32px 28px 0 0.02em, 36px 28px 0 0.02em, 40px 28px 0 0.02em, + 44px 28px 0 0.02em, 48px 28px 0 0.02em, 52px 28px 0 0.02em, + 56px 28px 0 0.02em, 60px 28px 0 0.02em #c3c3c3, 4px 32px 0 0.02em #c3c3c3, + 8px 32px 0 0.02em, 12px 32px 0 0.02em, 16px 32px 0 0.02em #c3c3c3, + 20px 32px 0 0.02em, 24px 32px 0 0.02em, 28px 32px 0 0.02em #787973, + 32px 32px 0 0.02em #787973, 36px 32px 0 0.02em #787973, 40px 32px 0 0.02em, + 44px 32px 0 0.02em #bf1710, 48px 32px 0 0.02em, 52px 32px 0 0.02em #bf1710, + 56px 32px 0 0.02em, 60px 32px 0 0.02em #c3c3c3, 4px 36px 0 0.02em #c3c3c3, + 8px 36px 0 0.02em, 12px 36px 0 0.02em, 16px 36px 0 0.02em, + 20px 36px 0 0.02em, 24px 36px 0 0.02em, 28px 36px 0 0.02em, + 32px 36px 0 0.02em, 36px 36px 0 0.02em, 40px 36px 0 0.02em, + 44px 36px 0 0.02em, 48px 36px 0 0.02em, 52px 36px 0 0.02em, + 56px 36px 0 0.02em, 60px 36px 0 0.02em #c3c3c3, 4px 40px 0 0.02em #c3c3c3, + 8px 40px 0 0.02em #c3c3c3, 12px 40px 0 0.02em #c3c3c3, + 16px 40px 0 0.02em #c3c3c3, 20px 40px 0 0.02em #c3c3c3, + 24px 40px 0 0.02em #c3c3c3, 28px 40px 0 0.02em #c3c3c3, + 32px 40px 0 0.02em #c3c3c3, 36px 40px 0 0.02em #c3c3c3, + 40px 40px 0 0.02em #c3c3c3, 44px 40px 0 0.02em #c3c3c3, + 48px 40px 0 0.02em #c3c3c3, 52px 40px 0 0.02em #c3c3c3, + 56px 40px 0 0.02em #c3c3c3, 60px 40px 0 0.02em #c3c3c3; + } +} + +.nes-jp-logo { + position: relative; + display: inline-block; + width: 60px; + height: 40px; +} + +.nes-jp-logo::before { + position: absolute; + top: -4px; + left: -4px; + content: ""; + background: transparent; + width: 4px; + height: 4px; + color: #871f37; + box-shadow: 28px 4px #333, 28px 8px #333, 32px 12px #333, 4px 16px, 8px 16px, + 12px 16px, 16px 16px, 20px 16px, 24px 16px, 28px 16px, 32px 16px, 36px 16px, + 40px 16px, 44px 16px, 48px 16px, 52px 16px, 56px 16px, 60px 16px, 4px 20px, + 8px 20px #dfd3b9, 12px 20px #dfd3b9, 16px 20px #dfd3b9, 20px 20px #dfd3b9, + 24px 20px #dfd3b9, 28px 20px, 32px 20px, 36px 20px, 40px 20px, 44px 20px, + 48px 20px, 52px 20px, 56px 20px, 60px 20px, 4px 24px, 8px 24px #dfd3b9, + 12px 24px #dfd3b9, 16px 24px #333, 20px 24px #dfd3b9, 24px 24px #dfd3b9, + 28px 24px, 32px 24px, 36px 24px, 40px 24px, 44px 24px, 48px 24px, 52px 24px, + 56px 24px, 60px 24px, 4px 28px, 8px 28px #dfd3b9, 12px 28px #333, + 16px 28px #333, 20px 28px #333, 24px 28px #dfd3b9, 28px 28px #dfd3b9, + 32px 28px #dfd3b9, 36px 28px #dfd3b9, 40px 28px #dfd3b9, 44px 28px #dfd3b9, + 48px 28px #dfd3b9, 52px 28px #dfd3b9, 56px 28px #dfd3b9, 60px 28px, 4px 32px, + 8px 32px #dfd3b9, 12px 32px #dfd3b9, 16px 32px #333, 20px 32px #dfd3b9, + 24px 32px #dfd3b9, 28px 32px #333, 32px 32px, 36px 32px #333, + 40px 32px #dfd3b9, 44px 32px #333, 48px 32px #dfd3b9, 52px 32px #333, + 56px 32px #dfd3b9, 60px 32px, 4px 36px, 8px 36px #dfd3b9, 12px 36px #dfd3b9, + 16px 36px #dfd3b9, 20px 36px #dfd3b9, 24px 36px #dfd3b9, 28px 36px #dfd3b9, + 32px 36px #dfd3b9, 36px 36px #dfd3b9, 40px 36px #dfd3b9, 44px 36px #dfd3b9, + 48px 36px #dfd3b9, 52px 36px #dfd3b9, 56px 36px #dfd3b9, 60px 36px, 4px 40px, + 8px 40px, 12px 40px, 16px 40px, 20px 40px, 24px 40px, 28px 40px, 32px 40px, + 36px 40px, 40px 40px, 44px 40px, 48px 40px, 52px 40px, 56px 40px, 60px 40px; + transform: rotate(0); +} + +@supports (-moz-appearance: meterbar) { + .nes-jp-logo::before { + box-shadow: 28px 4px 0 0.02em #333, 28px 8px 0 0.02em #333, + 32px 12px 0 0.02em #333, 4px 16px 0 0.02em, 8px 16px 0 0.02em, + 12px 16px 0 0.02em, 16px 16px 0 0.02em, 20px 16px 0 0.02em, + 24px 16px 0 0.02em, 28px 16px 0 0.02em, 32px 16px 0 0.02em, + 36px 16px 0 0.02em, 40px 16px 0 0.02em, 44px 16px 0 0.02em, + 48px 16px 0 0.02em, 52px 16px 0 0.02em, 56px 16px 0 0.02em, + 60px 16px 0 0.02em, 4px 20px 0 0.02em, 8px 20px 0 0.02em #dfd3b9, + 12px 20px 0 0.02em #dfd3b9, 16px 20px 0 0.02em #dfd3b9, + 20px 20px 0 0.02em #dfd3b9, 24px 20px 0 0.02em #dfd3b9, 28px 20px 0 0.02em, + 32px 20px 0 0.02em, 36px 20px 0 0.02em, 40px 20px 0 0.02em, + 44px 20px 0 0.02em, 48px 20px 0 0.02em, 52px 20px 0 0.02em, + 56px 20px 0 0.02em, 60px 20px 0 0.02em, 4px 24px 0 0.02em, + 8px 24px 0 0.02em #dfd3b9, 12px 24px 0 0.02em #dfd3b9, + 16px 24px 0 0.02em #333, 20px 24px 0 0.02em #dfd3b9, + 24px 24px 0 0.02em #dfd3b9, 28px 24px 0 0.02em, 32px 24px 0 0.02em, + 36px 24px 0 0.02em, 40px 24px 0 0.02em, 44px 24px 0 0.02em, + 48px 24px 0 0.02em, 52px 24px 0 0.02em, 56px 24px 0 0.02em, + 60px 24px 0 0.02em, 4px 28px 0 0.02em, 8px 28px 0 0.02em #dfd3b9, + 12px 28px 0 0.02em #333, 16px 28px 0 0.02em #333, 20px 28px 0 0.02em #333, + 24px 28px 0 0.02em #dfd3b9, 28px 28px 0 0.02em #dfd3b9, + 32px 28px 0 0.02em #dfd3b9, 36px 28px 0 0.02em #dfd3b9, + 40px 28px 0 0.02em #dfd3b9, 44px 28px 0 0.02em #dfd3b9, + 48px 28px 0 0.02em #dfd3b9, 52px 28px 0 0.02em #dfd3b9, + 56px 28px 0 0.02em #dfd3b9, 60px 28px 0 0.02em, 4px 32px 0 0.02em, + 8px 32px 0 0.02em #dfd3b9, 12px 32px 0 0.02em #dfd3b9, + 16px 32px 0 0.02em #333, 20px 32px 0 0.02em #dfd3b9, + 24px 32px 0 0.02em #dfd3b9, 28px 32px 0 0.02em #333, 32px 32px 0 0.02em, + 36px 32px 0 0.02em #333, 40px 32px 0 0.02em #dfd3b9, + 44px 32px 0 0.02em #333, 48px 32px 0 0.02em #dfd3b9, + 52px 32px 0 0.02em #333, 56px 32px 0 0.02em #dfd3b9, 60px 32px 0 0.02em, + 4px 36px 0 0.02em, 8px 36px 0 0.02em #dfd3b9, 12px 36px 0 0.02em #dfd3b9, + 16px 36px 0 0.02em #dfd3b9, 20px 36px 0 0.02em #dfd3b9, + 24px 36px 0 0.02em #dfd3b9, 28px 36px 0 0.02em #dfd3b9, + 32px 36px 0 0.02em #dfd3b9, 36px 36px 0 0.02em #dfd3b9, + 40px 36px 0 0.02em #dfd3b9, 44px 36px 0 0.02em #dfd3b9, + 48px 36px 0 0.02em #dfd3b9, 52px 36px 0 0.02em #dfd3b9, + 56px 36px 0 0.02em #dfd3b9, 60px 36px 0 0.02em, 4px 40px 0 0.02em, + 8px 40px 0 0.02em, 12px 40px 0 0.02em, 16px 40px 0 0.02em, + 20px 40px 0 0.02em, 24px 40px 0 0.02em, 28px 40px 0 0.02em, + 32px 40px 0 0.02em, 36px 40px 0 0.02em, 40px 40px 0 0.02em, + 44px 40px 0 0.02em, 48px 40px 0 0.02em, 52px 40px 0 0.02em, + 56px 40px 0 0.02em, 60px 40px 0 0.02em; + } +} + +.snes-logo { + position: relative; + display: inline-block; + width: 60px; + height: 40px; +} + +.snes-logo::before { + position: absolute; + top: -4px; + left: -4px; + content: ""; + background: transparent; + width: 4px; + height: 4px; + color: #d7d7d7; + box-shadow: 28px 4px #333, 28px 8px #333, 32px 12px #333, 12px 16px #333, + 16px 16px #333, 20px 16px #333, 24px 16px #333, 28px 16px #333, + 32px 16px #333, 36px 16px #333, 40px 16px #333, 44px 16px #333, + 48px 16px #333, 52px 16px #333, 8px 20px #333, 12px 20px, 16px 20px, + 20px 20px, 24px 20px, 28px 20px, 32px 20px, 36px 20px, 40px 20px, 44px 20px, + 48px 20px, 52px 20px, 56px 20px #333, 4px 24px #333, 8px 24px, 12px 24px, + 16px 24px #333, 20px 24px, 24px 24px, 28px 24px, 32px 24px, 36px 24px, + 40px 24px, 44px 24px, 48px 24px #ad6df0, 52px 24px, 56px 24px, + 60px 24px #333, 4px 28px #333, 8px 28px, 12px 28px #333, 16px 28px #333, + 20px 28px #333, 24px 28px, 28px 28px, 32px 28px, 36px 28px, 40px 28px, + 44px 28px #ad6df0, 48px 28px, 52px 28px #8932e5, 56px 28px, 60px 28px #333, + 4px 32px #333, 8px 32px, 12px 32px, 16px 32px #333, 20px 32px, 24px 32px, + 28px 32px #333, 32px 32px, 36px 32px #333, 40px 32px, 44px 32px, + 48px 32px #8932e5, 52px 32px, 56px 32px, 60px 32px #333, 8px 36px #333, + 12px 36px, 16px 36px, 20px 36px, 24px 36px, 28px 36px, 32px 36px, 36px 36px, + 40px 36px, 44px 36px, 48px 36px, 52px 36px, 56px 36px #333, 12px 40px #333, + 16px 40px #333, 20px 40px #333, 24px 40px #333, 28px 40px #333, + 32px 40px #333, 36px 40px #333, 40px 40px #333, 44px 40px #333, + 48px 40px #333, 52px 40px #333; + transform: rotate(0); +} + +@supports (-moz-appearance: meterbar) { + .snes-logo::before { + box-shadow: 28px 4px 0 0.02em #333, 28px 8px 0 0.02em #333, + 32px 12px 0 0.02em #333, 12px 16px 0 0.02em #333, 16px 16px 0 0.02em #333, + 20px 16px 0 0.02em #333, 24px 16px 0 0.02em #333, 28px 16px 0 0.02em #333, + 32px 16px 0 0.02em #333, 36px 16px 0 0.02em #333, 40px 16px 0 0.02em #333, + 44px 16px 0 0.02em #333, 48px 16px 0 0.02em #333, 52px 16px 0 0.02em #333, + 8px 20px 0 0.02em #333, 12px 20px 0 0.02em, 16px 20px 0 0.02em, + 20px 20px 0 0.02em, 24px 20px 0 0.02em, 28px 20px 0 0.02em, + 32px 20px 0 0.02em, 36px 20px 0 0.02em, 40px 20px 0 0.02em, + 44px 20px 0 0.02em, 48px 20px 0 0.02em, 52px 20px 0 0.02em, + 56px 20px 0 0.02em #333, 4px 24px 0 0.02em #333, 8px 24px 0 0.02em, + 12px 24px 0 0.02em, 16px 24px 0 0.02em #333, 20px 24px 0 0.02em, + 24px 24px 0 0.02em, 28px 24px 0 0.02em, 32px 24px 0 0.02em, + 36px 24px 0 0.02em, 40px 24px 0 0.02em, 44px 24px 0 0.02em, + 48px 24px 0 0.02em #ad6df0, 52px 24px 0 0.02em, 56px 24px 0 0.02em, + 60px 24px 0 0.02em #333, 4px 28px 0 0.02em #333, 8px 28px 0 0.02em, + 12px 28px 0 0.02em #333, 16px 28px 0 0.02em #333, 20px 28px 0 0.02em #333, + 24px 28px 0 0.02em, 28px 28px 0 0.02em, 32px 28px 0 0.02em, + 36px 28px 0 0.02em, 40px 28px 0 0.02em, 44px 28px 0 0.02em #ad6df0, + 48px 28px 0 0.02em, 52px 28px 0 0.02em #8932e5, 56px 28px 0 0.02em, + 60px 28px 0 0.02em #333, 4px 32px 0 0.02em #333, 8px 32px 0 0.02em, + 12px 32px 0 0.02em, 16px 32px 0 0.02em #333, 20px 32px 0 0.02em, + 24px 32px 0 0.02em, 28px 32px 0 0.02em #333, 32px 32px 0 0.02em, + 36px 32px 0 0.02em #333, 40px 32px 0 0.02em, 44px 32px 0 0.02em, + 48px 32px 0 0.02em #8932e5, 52px 32px 0 0.02em, 56px 32px 0 0.02em, + 60px 32px 0 0.02em #333, 8px 36px 0 0.02em #333, 12px 36px 0 0.02em, + 16px 36px 0 0.02em, 20px 36px 0 0.02em, 24px 36px 0 0.02em, + 28px 36px 0 0.02em, 32px 36px 0 0.02em, 36px 36px 0 0.02em, + 40px 36px 0 0.02em, 44px 36px 0 0.02em, 48px 36px 0 0.02em, + 52px 36px 0 0.02em, 56px 36px 0 0.02em #333, 12px 40px 0 0.02em #333, + 16px 40px 0 0.02em #333, 20px 40px 0 0.02em #333, 24px 40px 0 0.02em #333, + 28px 40px 0 0.02em #333, 32px 40px 0 0.02em #333, 36px 40px 0 0.02em #333, + 40px 40px 0 0.02em #333, 44px 40px 0 0.02em #333, 48px 40px 0 0.02em #333, + 52px 40px 0 0.02em #333; + } +} + +.snes-jp-logo { + position: relative; + display: inline-block; + width: 60px; + height: 40px; +} + +.snes-jp-logo::before { + position: absolute; + top: -4px; + left: -4px; + content: ""; + background: transparent; + width: 4px; + height: 4px; + color: #d7d7d7; + box-shadow: 28px 4px #333, 28px 8px #333, 32px 12px #333, 12px 16px #333, + 16px 16px #333, 20px 16px #333, 24px 16px #333, 28px 16px #333, + 32px 16px #333, 36px 16px #333, 40px 16px #333, 44px 16px #333, + 48px 16px #333, 52px 16px #333, 8px 20px #333, 12px 20px, 16px 20px, + 20px 20px, 24px 20px, 28px 20px, 32px 20px, 36px 20px, 40px 20px, 44px 20px, + 48px 20px, 52px 20px, 56px 20px #333, 4px 24px #333, 8px 24px, 12px 24px, + 16px 24px #333, 20px 24px, 24px 24px, 28px 24px, 32px 24px, 36px 24px, + 40px 24px, 44px 24px, 48px 24px #999cf7, 52px 24px, 56px 24px, + 60px 24px #333, 4px 28px #333, 8px 28px, 12px 28px #333, 16px 28px #333, + 20px 28px #333, 24px 28px, 28px 28px, 32px 28px, 36px 28px, 40px 28px, + 44px 28px #7dbb78, 48px 28px, 52px 28px #f40500, 56px 28px, 60px 28px #333, + 4px 32px #333, 8px 32px, 12px 32px, 16px 32px #333, 20px 32px, 24px 32px, + 28px 32px #333, 32px 32px, 36px 32px #333, 40px 32px, 44px 32px, + 48px 32px #f6f504, 52px 32px, 56px 32px, 60px 32px #333, 8px 36px #333, + 12px 36px, 16px 36px, 20px 36px, 24px 36px, 28px 36px, 32px 36px, 36px 36px, + 40px 36px, 44px 36px, 48px 36px, 52px 36px, 56px 36px #333, 12px 40px #333, + 16px 40px #333, 20px 40px #333, 24px 40px #333, 28px 40px #333, + 32px 40px #333, 36px 40px #333, 40px 40px #333, 44px 40px #333, + 48px 40px #333, 52px 40px #333; + transform: rotate(0); +} + +@supports (-moz-appearance: meterbar) { + .snes-jp-logo::before { + box-shadow: 28px 4px 0 0.02em #333, 28px 8px 0 0.02em #333, + 32px 12px 0 0.02em #333, 12px 16px 0 0.02em #333, 16px 16px 0 0.02em #333, + 20px 16px 0 0.02em #333, 24px 16px 0 0.02em #333, 28px 16px 0 0.02em #333, + 32px 16px 0 0.02em #333, 36px 16px 0 0.02em #333, 40px 16px 0 0.02em #333, + 44px 16px 0 0.02em #333, 48px 16px 0 0.02em #333, 52px 16px 0 0.02em #333, + 8px 20px 0 0.02em #333, 12px 20px 0 0.02em, 16px 20px 0 0.02em, + 20px 20px 0 0.02em, 24px 20px 0 0.02em, 28px 20px 0 0.02em, + 32px 20px 0 0.02em, 36px 20px 0 0.02em, 40px 20px 0 0.02em, + 44px 20px 0 0.02em, 48px 20px 0 0.02em, 52px 20px 0 0.02em, + 56px 20px 0 0.02em #333, 4px 24px 0 0.02em #333, 8px 24px 0 0.02em, + 12px 24px 0 0.02em, 16px 24px 0 0.02em #333, 20px 24px 0 0.02em, + 24px 24px 0 0.02em, 28px 24px 0 0.02em, 32px 24px 0 0.02em, + 36px 24px 0 0.02em, 40px 24px 0 0.02em, 44px 24px 0 0.02em, + 48px 24px 0 0.02em #999cf7, 52px 24px 0 0.02em, 56px 24px 0 0.02em, + 60px 24px 0 0.02em #333, 4px 28px 0 0.02em #333, 8px 28px 0 0.02em, + 12px 28px 0 0.02em #333, 16px 28px 0 0.02em #333, 20px 28px 0 0.02em #333, + 24px 28px 0 0.02em, 28px 28px 0 0.02em, 32px 28px 0 0.02em, + 36px 28px 0 0.02em, 40px 28px 0 0.02em, 44px 28px 0 0.02em #7dbb78, + 48px 28px 0 0.02em, 52px 28px 0 0.02em #f40500, 56px 28px 0 0.02em, + 60px 28px 0 0.02em #333, 4px 32px 0 0.02em #333, 8px 32px 0 0.02em, + 12px 32px 0 0.02em, 16px 32px 0 0.02em #333, 20px 32px 0 0.02em, + 24px 32px 0 0.02em, 28px 32px 0 0.02em #333, 32px 32px 0 0.02em, + 36px 32px 0 0.02em #333, 40px 32px 0 0.02em, 44px 32px 0 0.02em, + 48px 32px 0 0.02em #f6f504, 52px 32px 0 0.02em, 56px 32px 0 0.02em, + 60px 32px 0 0.02em #333, 8px 36px 0 0.02em #333, 12px 36px 0 0.02em, + 16px 36px 0 0.02em, 20px 36px 0 0.02em, 24px 36px 0 0.02em, + 28px 36px 0 0.02em, 32px 36px 0 0.02em, 36px 36px 0 0.02em, + 40px 36px 0 0.02em, 44px 36px 0 0.02em, 48px 36px 0 0.02em, + 52px 36px 0 0.02em, 56px 36px 0 0.02em #333, 12px 40px 0 0.02em #333, + 16px 40px 0 0.02em #333, 20px 40px 0 0.02em #333, 24px 40px 0 0.02em #333, + 28px 40px 0 0.02em #333, 32px 40px 0 0.02em #333, 36px 40px 0 0.02em #333, + 40px 40px 0 0.02em #333, 44px 40px 0 0.02em #333, 48px 40px 0 0.02em #333, + 52px 40px 0 0.02em #333; + } +} + +.nes-bcrikko { + position: relative; + display: inline-block; + width: 96px; + height: 96px; +} + +.nes-bcrikko::before { + position: absolute; + top: -6px; + left: -6px; + content: ""; + background: transparent; + width: 6px; + height: 6px; + color: #f9f2d7; + box-shadow: 12px 6px, 18px 6px, 24px 6px, 30px 6px, 36px 6px, 42px 6px, + 48px 6px, 54px 6px, 60px 6px, 66px 6px, 72px 6px, 78px 6px, 84px 6px, + 90px 6px, 6px 12px, 12px 12px, 18px 12px, 24px 12px, 30px 12px, 36px 12px, + 42px 12px, 48px 12px, 54px 12px, 60px 12px, 66px 12px, 72px 12px, 78px 12px, + 84px 12px, 90px 12px, 96px 12px, 6px 18px, 12px 18px, 18px 18px, 24px 18px, + 30px 18px, 36px 18px, 42px 18px, 48px 18px, 54px 18px, 60px 18px, 66px 18px, + 72px 18px, 78px 18px, 84px 18px, 90px 18px, 96px 18px, 6px 24px, 12px 24px, + 18px 24px, 24px 24px, 30px 24px #333, 36px 24px #333, 42px 24px, 48px 24px, + 54px 24px, 60px 24px, 66px 24px #333, 72px 24px #333, 78px 24px, 84px 24px, + 90px 24px, 96px 24px, 6px 30px, 12px 30px, 18px 30px, 24px 30px #333, + 30px 30px #333, 36px 30px #fff, 42px 30px #333, 48px 30px, 54px 30px, + 60px 30px #333, 66px 30px #333, 72px 30px #fff, 78px 30px #333, 84px 30px, + 90px 30px, 96px 30px, 6px 36px, 12px 36px, 18px 36px, 24px 36px #333, + 30px 36px #333, 36px 36px #333, 42px 36px #333, 48px 36px, 54px 36px, + 60px 36px #333, 66px 36px #333, 72px 36px #333, 78px 36px #333, 84px 36px, + 90px 36px, 96px 36px, 6px 42px, 12px 42px, 18px 42px, 24px 42px #333, + 30px 42px #333, 36px 42px #333, 42px 42px #333, 48px 42px, 54px 42px, + 60px 42px #333, 66px 42px #333, 72px 42px #333, 78px 42px #333, 84px 42px, + 90px 42px, 96px 42px, 6px 48px, 12px 48px, 18px 48px, 24px 48px #333, + 30px 48px #333, 36px 48px #333, 42px 48px #333, 48px 48px, 54px 48px, + 60px 48px #333, 66px 48px #333, 72px 48px #333, 78px 48px #333, 84px 48px, + 90px 48px, 96px 48px, 6px 54px, 12px 54px, 18px 54px, 24px 54px, + 30px 54px #333, 36px 54px #333, 42px 54px, 48px 54px, 54px 54px, 60px 54px, + 66px 54px #333, 72px 54px #333, 78px 54px, 84px 54px, 90px 54px, 96px 54px, + 6px 60px, 12px 60px, 18px 60px, 24px 60px, 30px 60px, 36px 60px, 42px 60px, + 48px 60px, 54px 60px, 60px 60px, 66px 60px, 72px 60px, 78px 60px, 84px 60px, + 90px 60px, 96px 60px, 6px 66px, 12px 66px, 18px 66px, 24px 66px, 30px 66px, + 36px 66px, 42px 66px, 48px 66px, 54px 66px, 60px 66px, 66px 66px, 72px 66px, + 78px 66px, 84px 66px, 90px 66px, 96px 66px, 6px 72px, 12px 72px, 18px 72px, + 24px 72px #c5090c, 30px 72px, 36px 72px, 42px 72px, 48px 72px, 54px 72px, + 60px 72px, 66px 72px, 72px 72px, 78px 72px #c5090c, 84px 72px, 90px 72px, + 96px 72px, 6px 78px, 12px 78px, 18px 78px, 24px 78px #c5090c, 30px 78px, + 36px 78px, 42px 78px, 48px 78px, 54px 78px, 60px 78px, 66px 78px, 72px 78px, + 78px 78px #c5090c, 84px 78px, 90px 78px, 96px 78px, 6px 84px, 12px 84px, + 18px 84px, 24px 84px, 30px 84px #c5090c, 36px 84px #c5090c, + 42px 84px #c5090c, 48px 84px #c5090c, 54px 84px #c5090c, 60px 84px #c5090c, + 66px 84px #c5090c, 72px 84px #c5090c, 78px 84px, 84px 84px, 90px 84px, + 96px 84px, 6px 90px, 12px 90px, 18px 90px, 24px 90px, 30px 90px, 36px 90px, + 42px 90px, 48px 90px, 54px 90px, 60px 90px, 66px 90px, 72px 90px, 78px 90px, + 84px 90px, 90px 90px, 96px 90px, 12px 96px, 18px 96px, 24px 96px, 30px 96px, + 36px 96px, 42px 96px, 48px 96px, 54px 96px, 60px 96px, 66px 96px, 72px 96px, + 78px 96px, 84px 96px, 90px 96px; + transform: rotate(0); +} + +@supports (-moz-appearance: meterbar) { + .nes-bcrikko::before { + box-shadow: 12px 6px 0 0.02em, 18px 6px 0 0.02em, 24px 6px 0 0.02em, + 30px 6px 0 0.02em, 36px 6px 0 0.02em, 42px 6px 0 0.02em, 48px 6px 0 0.02em, + 54px 6px 0 0.02em, 60px 6px 0 0.02em, 66px 6px 0 0.02em, 72px 6px 0 0.02em, + 78px 6px 0 0.02em, 84px 6px 0 0.02em, 90px 6px 0 0.02em, 6px 12px 0 0.02em, + 12px 12px 0 0.02em, 18px 12px 0 0.02em, 24px 12px 0 0.02em, + 30px 12px 0 0.02em, 36px 12px 0 0.02em, 42px 12px 0 0.02em, + 48px 12px 0 0.02em, 54px 12px 0 0.02em, 60px 12px 0 0.02em, + 66px 12px 0 0.02em, 72px 12px 0 0.02em, 78px 12px 0 0.02em, + 84px 12px 0 0.02em, 90px 12px 0 0.02em, 96px 12px 0 0.02em, + 6px 18px 0 0.02em, 12px 18px 0 0.02em, 18px 18px 0 0.02em, + 24px 18px 0 0.02em, 30px 18px 0 0.02em, 36px 18px 0 0.02em, + 42px 18px 0 0.02em, 48px 18px 0 0.02em, 54px 18px 0 0.02em, + 60px 18px 0 0.02em, 66px 18px 0 0.02em, 72px 18px 0 0.02em, + 78px 18px 0 0.02em, 84px 18px 0 0.02em, 90px 18px 0 0.02em, + 96px 18px 0 0.02em, 6px 24px 0 0.02em, 12px 24px 0 0.02em, + 18px 24px 0 0.02em, 24px 24px 0 0.02em, 30px 24px 0 0.02em #333, + 36px 24px 0 0.02em #333, 42px 24px 0 0.02em, 48px 24px 0 0.02em, + 54px 24px 0 0.02em, 60px 24px 0 0.02em, 66px 24px 0 0.02em #333, + 72px 24px 0 0.02em #333, 78px 24px 0 0.02em, 84px 24px 0 0.02em, + 90px 24px 0 0.02em, 96px 24px 0 0.02em, 6px 30px 0 0.02em, + 12px 30px 0 0.02em, 18px 30px 0 0.02em, 24px 30px 0 0.02em #333, + 30px 30px 0 0.02em #333, 36px 30px 0 0.02em #fff, 42px 30px 0 0.02em #333, + 48px 30px 0 0.02em, 54px 30px 0 0.02em, 60px 30px 0 0.02em #333, + 66px 30px 0 0.02em #333, 72px 30px 0 0.02em #fff, 78px 30px 0 0.02em #333, + 84px 30px 0 0.02em, 90px 30px 0 0.02em, 96px 30px 0 0.02em, + 6px 36px 0 0.02em, 12px 36px 0 0.02em, 18px 36px 0 0.02em, + 24px 36px 0 0.02em #333, 30px 36px 0 0.02em #333, 36px 36px 0 0.02em #333, + 42px 36px 0 0.02em #333, 48px 36px 0 0.02em, 54px 36px 0 0.02em, + 60px 36px 0 0.02em #333, 66px 36px 0 0.02em #333, 72px 36px 0 0.02em #333, + 78px 36px 0 0.02em #333, 84px 36px 0 0.02em, 90px 36px 0 0.02em, + 96px 36px 0 0.02em, 6px 42px 0 0.02em, 12px 42px 0 0.02em, + 18px 42px 0 0.02em, 24px 42px 0 0.02em #333, 30px 42px 0 0.02em #333, + 36px 42px 0 0.02em #333, 42px 42px 0 0.02em #333, 48px 42px 0 0.02em, + 54px 42px 0 0.02em, 60px 42px 0 0.02em #333, 66px 42px 0 0.02em #333, + 72px 42px 0 0.02em #333, 78px 42px 0 0.02em #333, 84px 42px 0 0.02em, + 90px 42px 0 0.02em, 96px 42px 0 0.02em, 6px 48px 0 0.02em, + 12px 48px 0 0.02em, 18px 48px 0 0.02em, 24px 48px 0 0.02em #333, + 30px 48px 0 0.02em #333, 36px 48px 0 0.02em #333, 42px 48px 0 0.02em #333, + 48px 48px 0 0.02em, 54px 48px 0 0.02em, 60px 48px 0 0.02em #333, + 66px 48px 0 0.02em #333, 72px 48px 0 0.02em #333, 78px 48px 0 0.02em #333, + 84px 48px 0 0.02em, 90px 48px 0 0.02em, 96px 48px 0 0.02em, + 6px 54px 0 0.02em, 12px 54px 0 0.02em, 18px 54px 0 0.02em, + 24px 54px 0 0.02em, 30px 54px 0 0.02em #333, 36px 54px 0 0.02em #333, + 42px 54px 0 0.02em, 48px 54px 0 0.02em, 54px 54px 0 0.02em, + 60px 54px 0 0.02em, 66px 54px 0 0.02em #333, 72px 54px 0 0.02em #333, + 78px 54px 0 0.02em, 84px 54px 0 0.02em, 90px 54px 0 0.02em, + 96px 54px 0 0.02em, 6px 60px 0 0.02em, 12px 60px 0 0.02em, + 18px 60px 0 0.02em, 24px 60px 0 0.02em, 30px 60px 0 0.02em, + 36px 60px 0 0.02em, 42px 60px 0 0.02em, 48px 60px 0 0.02em, + 54px 60px 0 0.02em, 60px 60px 0 0.02em, 66px 60px 0 0.02em, + 72px 60px 0 0.02em, 78px 60px 0 0.02em, 84px 60px 0 0.02em, + 90px 60px 0 0.02em, 96px 60px 0 0.02em, 6px 66px 0 0.02em, + 12px 66px 0 0.02em, 18px 66px 0 0.02em, 24px 66px 0 0.02em, + 30px 66px 0 0.02em, 36px 66px 0 0.02em, 42px 66px 0 0.02em, + 48px 66px 0 0.02em, 54px 66px 0 0.02em, 60px 66px 0 0.02em, + 66px 66px 0 0.02em, 72px 66px 0 0.02em, 78px 66px 0 0.02em, + 84px 66px 0 0.02em, 90px 66px 0 0.02em, 96px 66px 0 0.02em, + 6px 72px 0 0.02em, 12px 72px 0 0.02em, 18px 72px 0 0.02em, + 24px 72px 0 0.02em #c5090c, 30px 72px 0 0.02em, 36px 72px 0 0.02em, + 42px 72px 0 0.02em, 48px 72px 0 0.02em, 54px 72px 0 0.02em, + 60px 72px 0 0.02em, 66px 72px 0 0.02em, 72px 72px 0 0.02em, + 78px 72px 0 0.02em #c5090c, 84px 72px 0 0.02em, 90px 72px 0 0.02em, + 96px 72px 0 0.02em, 6px 78px 0 0.02em, 12px 78px 0 0.02em, + 18px 78px 0 0.02em, 24px 78px 0 0.02em #c5090c, 30px 78px 0 0.02em, + 36px 78px 0 0.02em, 42px 78px 0 0.02em, 48px 78px 0 0.02em, + 54px 78px 0 0.02em, 60px 78px 0 0.02em, 66px 78px 0 0.02em, + 72px 78px 0 0.02em, 78px 78px 0 0.02em #c5090c, 84px 78px 0 0.02em, + 90px 78px 0 0.02em, 96px 78px 0 0.02em, 6px 84px 0 0.02em, + 12px 84px 0 0.02em, 18px 84px 0 0.02em, 24px 84px 0 0.02em, + 30px 84px 0 0.02em #c5090c, 36px 84px 0 0.02em #c5090c, + 42px 84px 0 0.02em #c5090c, 48px 84px 0 0.02em #c5090c, + 54px 84px 0 0.02em #c5090c, 60px 84px 0 0.02em #c5090c, + 66px 84px 0 0.02em #c5090c, 72px 84px 0 0.02em #c5090c, 78px 84px 0 0.02em, + 84px 84px 0 0.02em, 90px 84px 0 0.02em, 96px 84px 0 0.02em, + 6px 90px 0 0.02em, 12px 90px 0 0.02em, 18px 90px 0 0.02em, + 24px 90px 0 0.02em, 30px 90px 0 0.02em, 36px 90px 0 0.02em, + 42px 90px 0 0.02em, 48px 90px 0 0.02em, 54px 90px 0 0.02em, + 60px 90px 0 0.02em, 66px 90px 0 0.02em, 72px 90px 0 0.02em, + 78px 90px 0 0.02em, 84px 90px 0 0.02em, 90px 90px 0 0.02em, + 96px 90px 0 0.02em, 12px 96px 0 0.02em, 18px 96px 0 0.02em, + 24px 96px 0 0.02em, 30px 96px 0 0.02em, 36px 96px 0 0.02em, + 42px 96px 0 0.02em, 48px 96px 0 0.02em, 54px 96px 0 0.02em, + 60px 96px 0 0.02em, 66px 96px 0 0.02em, 72px 96px 0 0.02em, + 78px 96px 0 0.02em, 84px 96px 0 0.02em, 90px 96px 0 0.02em; + } +} + +.nes-ash { + position: relative; + display: inline-block; + width: 84px; + height: 90px; +} + +.nes-ash::before { + position: absolute; + top: -6px; + left: -6px; + content: ""; + background: transparent; + width: 6px; + height: 6px; + color: #181818; + box-shadow: 30px 6px, 36px 6px, 42px 6px, 48px 6px, 54px 6px, 60px 6px, + 24px 12px, 30px 12px #ff614e, 36px 12px #ff614e, 42px 12px #ff614e, + 48px 12px #f8f8ff, 54px 12px #f8f8ff, 60px 12px #007f7f, 66px 12px, + 18px 18px, 24px 18px #ff614e, 30px 18px #ff614e, 36px 18px #ff614e, + 42px 18px #ff614e, 48px 18px #f8f8ff, 54px 18px #f8f8ff, 60px 18px #f8f8ff, + 66px 18px #f8f8ff, 72px 18px, 18px 24px, 24px 24px #ff614e, + 30px 24px #ff614e, 36px 24px #ff614e, 42px 24px #ff614e, 48px 24px #f8f8ff, + 54px 24px #f8f8ff, 60px 24px #007f7f, 66px 24px #007f7f, 72px 24px, + 78px 24px, 12px 30px, 18px 30px, 24px 30px, 30px 30px #ff614e, + 36px 30px #ff614e, 42px 30px #ff614e, 48px 30px #ff614e, 54px 30px #ff614e, + 60px 30px #ff614e, 66px 30px #ff614e, 72px 30px #ff614e, 78px 30px #ff614e, + 84px 30px, 12px 36px, 18px 36px, 24px 36px, 30px 36px, 36px 36px, 42px 36px, + 48px 36px, 54px 36px #ff614e, 60px 36px #ff614e, 66px 36px #ff614e, + 72px 36px, 78px 36px, 6px 42px, 12px 42px, 18px 42px, 24px 42px, 30px 42px, + 36px 42px, 42px 42px, 48px 42px #ffe3c5, 54px 42px #ffe3c5, 60px 42px, + 66px 42px #ffe3c5, 72px 42px, 12px 48px, 18px 48px, 24px 48px #ffe3c5, + 30px 48px #ffe3c5, 36px 48px #ffe3c5, 42px 48px, 48px 48px #ffe3c5, + 54px 48px #ffe3c5, 60px 48px, 66px 48px #ffe3c5, 72px 48px, 18px 54px, + 24px 54px #ffe3c5, 30px 54px #ffe3c5, 36px 54px #ffe3c5, 42px 54px #ffe3c5, + 48px 54px #ffe3c5, 54px 54px #ffe3c5, 60px 54px #ffe3c5, 66px 54px #ffe3c5, + 72px 54px, 12px 60px, 18px 60px #4169e1, 24px 60px, 30px 60px, + 36px 60px #ffe3c5, 42px 60px #ffe3c5, 48px 60px #ffe3c5, 54px 60px #ffe3c5, + 60px 60px #ffe3c5, 66px 60px, 12px 66px, 18px 66px #4169e1, 24px 66px, + 30px 66px, 36px 66px, 42px 66px, 48px 66px, 54px 66px, 60px 66px, 12px 72px, + 18px 72px, 24px 72px #ffe3c5, 30px 72px #ffe3c5, 36px 72px, + 42px 72px #4169e1, 48px 72px #4169e1, 54px 72px, 60px 72px, 66px 72px, + 6px 78px, 12px 78px #007f7f, 18px 78px, 24px 78px #ffe3c5, 30px 78px #ffe3c5, + 36px 78px, 42px 78px #4169e1, 48px 78px, 54px 78px, 60px 78px #007f7f, + 66px 78px #007f7f, 72px 78px, 6px 84px, 12px 84px #007f7f, 18px 84px #007f7f, + 24px 84px, 30px 84px, 36px 84px, 42px 84px, 48px 84px, 54px 84px #007f7f, + 60px 84px #007f7f, 66px 84px, 12px 90px, 18px 90px, 54px 90px, 60px 90px; + transform: rotate(0); +} + +@supports (-moz-appearance: meterbar) { + .nes-ash::before { + box-shadow: 30px 6px 0 0.02em, 36px 6px 0 0.02em, 42px 6px 0 0.02em, + 48px 6px 0 0.02em, 54px 6px 0 0.02em, 60px 6px 0 0.02em, + 24px 12px 0 0.02em, 30px 12px 0 0.02em #ff614e, 36px 12px 0 0.02em #ff614e, + 42px 12px 0 0.02em #ff614e, 48px 12px 0 0.02em #f8f8ff, + 54px 12px 0 0.02em #f8f8ff, 60px 12px 0 0.02em #007f7f, 66px 12px 0 0.02em, + 18px 18px 0 0.02em, 24px 18px 0 0.02em #ff614e, 30px 18px 0 0.02em #ff614e, + 36px 18px 0 0.02em #ff614e, 42px 18px 0 0.02em #ff614e, + 48px 18px 0 0.02em #f8f8ff, 54px 18px 0 0.02em #f8f8ff, + 60px 18px 0 0.02em #f8f8ff, 66px 18px 0 0.02em #f8f8ff, 72px 18px 0 0.02em, + 18px 24px 0 0.02em, 24px 24px 0 0.02em #ff614e, 30px 24px 0 0.02em #ff614e, + 36px 24px 0 0.02em #ff614e, 42px 24px 0 0.02em #ff614e, + 48px 24px 0 0.02em #f8f8ff, 54px 24px 0 0.02em #f8f8ff, + 60px 24px 0 0.02em #007f7f, 66px 24px 0 0.02em #007f7f, 72px 24px 0 0.02em, + 78px 24px 0 0.02em, 12px 30px 0 0.02em, 18px 30px 0 0.02em, + 24px 30px 0 0.02em, 30px 30px 0 0.02em #ff614e, 36px 30px 0 0.02em #ff614e, + 42px 30px 0 0.02em #ff614e, 48px 30px 0 0.02em #ff614e, + 54px 30px 0 0.02em #ff614e, 60px 30px 0 0.02em #ff614e, + 66px 30px 0 0.02em #ff614e, 72px 30px 0 0.02em #ff614e, + 78px 30px 0 0.02em #ff614e, 84px 30px 0 0.02em, 12px 36px 0 0.02em, + 18px 36px 0 0.02em, 24px 36px 0 0.02em, 30px 36px 0 0.02em, + 36px 36px 0 0.02em, 42px 36px 0 0.02em, 48px 36px 0 0.02em, + 54px 36px 0 0.02em #ff614e, 60px 36px 0 0.02em #ff614e, + 66px 36px 0 0.02em #ff614e, 72px 36px 0 0.02em, 78px 36px 0 0.02em, + 6px 42px 0 0.02em, 12px 42px 0 0.02em, 18px 42px 0 0.02em, + 24px 42px 0 0.02em, 30px 42px 0 0.02em, 36px 42px 0 0.02em, + 42px 42px 0 0.02em, 48px 42px 0 0.02em #ffe3c5, 54px 42px 0 0.02em #ffe3c5, + 60px 42px 0 0.02em, 66px 42px 0 0.02em #ffe3c5, 72px 42px 0 0.02em, + 12px 48px 0 0.02em, 18px 48px 0 0.02em, 24px 48px 0 0.02em #ffe3c5, + 30px 48px 0 0.02em #ffe3c5, 36px 48px 0 0.02em #ffe3c5, 42px 48px 0 0.02em, + 48px 48px 0 0.02em #ffe3c5, 54px 48px 0 0.02em #ffe3c5, 60px 48px 0 0.02em, + 66px 48px 0 0.02em #ffe3c5, 72px 48px 0 0.02em, 18px 54px 0 0.02em, + 24px 54px 0 0.02em #ffe3c5, 30px 54px 0 0.02em #ffe3c5, + 36px 54px 0 0.02em #ffe3c5, 42px 54px 0 0.02em #ffe3c5, + 48px 54px 0 0.02em #ffe3c5, 54px 54px 0 0.02em #ffe3c5, + 60px 54px 0 0.02em #ffe3c5, 66px 54px 0 0.02em #ffe3c5, 72px 54px 0 0.02em, + 12px 60px 0 0.02em, 18px 60px 0 0.02em #4169e1, 24px 60px 0 0.02em, + 30px 60px 0 0.02em, 36px 60px 0 0.02em #ffe3c5, 42px 60px 0 0.02em #ffe3c5, + 48px 60px 0 0.02em #ffe3c5, 54px 60px 0 0.02em #ffe3c5, + 60px 60px 0 0.02em #ffe3c5, 66px 60px 0 0.02em, 12px 66px 0 0.02em, + 18px 66px 0 0.02em #4169e1, 24px 66px 0 0.02em, 30px 66px 0 0.02em, + 36px 66px 0 0.02em, 42px 66px 0 0.02em, 48px 66px 0 0.02em, + 54px 66px 0 0.02em, 60px 66px 0 0.02em, 12px 72px 0 0.02em, + 18px 72px 0 0.02em, 24px 72px 0 0.02em #ffe3c5, 30px 72px 0 0.02em #ffe3c5, + 36px 72px 0 0.02em, 42px 72px 0 0.02em #4169e1, 48px 72px 0 0.02em #4169e1, + 54px 72px 0 0.02em, 60px 72px 0 0.02em, 66px 72px 0 0.02em, + 6px 78px 0 0.02em, 12px 78px 0 0.02em #007f7f, 18px 78px 0 0.02em, + 24px 78px 0 0.02em #ffe3c5, 30px 78px 0 0.02em #ffe3c5, 36px 78px 0 0.02em, + 42px 78px 0 0.02em #4169e1, 48px 78px 0 0.02em, 54px 78px 0 0.02em, + 60px 78px 0 0.02em #007f7f, 66px 78px 0 0.02em #007f7f, 72px 78px 0 0.02em, + 6px 84px 0 0.02em, 12px 84px 0 0.02em #007f7f, 18px 84px 0 0.02em #007f7f, + 24px 84px 0 0.02em, 30px 84px 0 0.02em, 36px 84px 0 0.02em, + 42px 84px 0 0.02em, 48px 84px 0 0.02em, 54px 84px 0 0.02em #007f7f, + 60px 84px 0 0.02em #007f7f, 66px 84px 0 0.02em, 12px 90px 0 0.02em, + 18px 90px 0 0.02em, 54px 90px 0 0.02em, 60px 90px 0 0.02em; + } +} + +.nes-pokeball { + position: relative; + display: inline-block; + width: 84px; + height: 84px; +} + +.nes-pokeball::before { + position: absolute; + top: -6px; + left: -6px; + content: ""; + background: transparent; + width: 6px; + height: 6px; + color: #060606; + box-shadow: 36px 6px, 42px 6px, 48px 6px, 54px 6px, 24px 12px, 30px 12px, + 36px 12px #ff001d, 42px 12px #ff001d, 48px 12px #ff001d, 54px 12px #ff001d, + 60px 12px, 66px 12px, 18px 18px, 24px 18px #fff, 30px 18px #fff, + 36px 18px #ff001d, 42px 18px #ff001d, 48px 18px #ff001d, 54px 18px #ff001d, + 60px 18px #ff001d, 66px 18px #ff001d, 72px 18px, 12px 24px, 18px 24px #fff, + 24px 24px #fff, 30px 24px #ff001d, 36px 24px #ff001d, 42px 24px #ff001d, + 48px 24px #ff001d, 54px 24px #ff001d, 60px 24px #ff001d, 66px 24px #ff001d, + 72px 24px, 78px 24px, 12px 30px, 18px 30px #fff, 24px 30px #ff001d, + 30px 30px #ff001d, 36px 30px #ff001d, 42px 30px #ff001d, 48px 30px #ff001d, + 54px 30px #ff001d, 60px 30px #ff001d, 66px 30px #ff001d, 72px 30px #ff001d, + 78px 30px, 6px 36px, 12px 36px #fff, 18px 36px #ff001d, 24px 36px #ff001d, + 30px 36px #ff001d, 36px 36px #ff001d, 42px 36px #ff001d, 48px 36px #ff001d, + 54px 36px #ff001d, 60px 36px #ff001d, 66px 36px #ff001d, 72px 36px #ff001d, + 78px 36px #ff001d, 84px 36px, 6px 42px, 12px 42px, 18px 42px, + 24px 42px #ff001d, 30px 42px #ff001d, 36px 42px #ff001d, 42px 42px #ff001d, + 48px 42px, 54px 42px, 60px 42px, 66px 42px #ff001d, 72px 42px #ff001d, + 78px 42px #ff001d, 84px 42px, 6px 48px, 12px 48px, 18px 48px, 24px 48px, + 30px 48px #ff001d, 36px 48px #ff001d, 42px 48px, 48px 48px #fff, + 54px 48px #fff, 60px 48px #fff, 66px 48px, 72px 48px #ff001d, + 78px 48px #ff001d, 84px 48px, 6px 54px, 12px 54px #9fa1a1, 18px 54px #fff, + 24px 54px, 30px 54px, 36px 54px, 42px 54px, 48px 54px #fff, 54px 54px #fff, + 60px 54px #fff, 66px 54px, 72px 54px, 78px 54px, 84px 54px, 12px 60px, + 18px 60px #fff, 24px 60px #fff, 30px 60px #fff, 36px 60px, 42px 60px, + 48px 60px #fff, 54px 60px #fff, 60px 60px #fff, 66px 60px, 72px 60px #fff, + 78px 60px, 12px 66px, 18px 66px #fff, 24px 66px #fff, 30px 66px #fff, + 36px 66px #fff, 42px 66px #fff, 48px 66px, 54px 66px, 60px 66px, + 66px 66px #fff, 72px 66px #fff, 78px 66px, 18px 72px, 24px 72px #9fa1a1, + 30px 72px #9fa1a1, 36px 72px #fff, 42px 72px #fff, 48px 72px #fff, + 54px 72px #fff, 60px 72px #fff, 66px 72px #fff, 72px 72px, 24px 78px, + 30px 78px, 36px 78px #9fa1a1, 42px 78px #9fa1a1, 48px 78px #9fa1a1, + 54px 78px #9fa1a1, 60px 78px, 66px 78px, 36px 84px, 42px 84px, 48px 84px, + 54px 84px; + transform: rotate(0); +} + +@supports (-moz-appearance: meterbar) { + .nes-pokeball::before { + box-shadow: 36px 6px 0 0.02em, 42px 6px 0 0.02em, 48px 6px 0 0.02em, + 54px 6px 0 0.02em, 24px 12px 0 0.02em, 30px 12px 0 0.02em, + 36px 12px 0 0.02em #ff001d, 42px 12px 0 0.02em #ff001d, + 48px 12px 0 0.02em #ff001d, 54px 12px 0 0.02em #ff001d, 60px 12px 0 0.02em, + 66px 12px 0 0.02em, 18px 18px 0 0.02em, 24px 18px 0 0.02em #fff, + 30px 18px 0 0.02em #fff, 36px 18px 0 0.02em #ff001d, + 42px 18px 0 0.02em #ff001d, 48px 18px 0 0.02em #ff001d, + 54px 18px 0 0.02em #ff001d, 60px 18px 0 0.02em #ff001d, + 66px 18px 0 0.02em #ff001d, 72px 18px 0 0.02em, 12px 24px 0 0.02em, + 18px 24px 0 0.02em #fff, 24px 24px 0 0.02em #fff, + 30px 24px 0 0.02em #ff001d, 36px 24px 0 0.02em #ff001d, + 42px 24px 0 0.02em #ff001d, 48px 24px 0 0.02em #ff001d, + 54px 24px 0 0.02em #ff001d, 60px 24px 0 0.02em #ff001d, + 66px 24px 0 0.02em #ff001d, 72px 24px 0 0.02em, 78px 24px 0 0.02em, + 12px 30px 0 0.02em, 18px 30px 0 0.02em #fff, 24px 30px 0 0.02em #ff001d, + 30px 30px 0 0.02em #ff001d, 36px 30px 0 0.02em #ff001d, + 42px 30px 0 0.02em #ff001d, 48px 30px 0 0.02em #ff001d, + 54px 30px 0 0.02em #ff001d, 60px 30px 0 0.02em #ff001d, + 66px 30px 0 0.02em #ff001d, 72px 30px 0 0.02em #ff001d, 78px 30px 0 0.02em, + 6px 36px 0 0.02em, 12px 36px 0 0.02em #fff, 18px 36px 0 0.02em #ff001d, + 24px 36px 0 0.02em #ff001d, 30px 36px 0 0.02em #ff001d, + 36px 36px 0 0.02em #ff001d, 42px 36px 0 0.02em #ff001d, + 48px 36px 0 0.02em #ff001d, 54px 36px 0 0.02em #ff001d, + 60px 36px 0 0.02em #ff001d, 66px 36px 0 0.02em #ff001d, + 72px 36px 0 0.02em #ff001d, 78px 36px 0 0.02em #ff001d, 84px 36px 0 0.02em, + 6px 42px 0 0.02em, 12px 42px 0 0.02em, 18px 42px 0 0.02em, + 24px 42px 0 0.02em #ff001d, 30px 42px 0 0.02em #ff001d, + 36px 42px 0 0.02em #ff001d, 42px 42px 0 0.02em #ff001d, 48px 42px 0 0.02em, + 54px 42px 0 0.02em, 60px 42px 0 0.02em, 66px 42px 0 0.02em #ff001d, + 72px 42px 0 0.02em #ff001d, 78px 42px 0 0.02em #ff001d, 84px 42px 0 0.02em, + 6px 48px 0 0.02em, 12px 48px 0 0.02em, 18px 48px 0 0.02em, + 24px 48px 0 0.02em, 30px 48px 0 0.02em #ff001d, 36px 48px 0 0.02em #ff001d, + 42px 48px 0 0.02em, 48px 48px 0 0.02em #fff, 54px 48px 0 0.02em #fff, + 60px 48px 0 0.02em #fff, 66px 48px 0 0.02em, 72px 48px 0 0.02em #ff001d, + 78px 48px 0 0.02em #ff001d, 84px 48px 0 0.02em, 6px 54px 0 0.02em, + 12px 54px 0 0.02em #9fa1a1, 18px 54px 0 0.02em #fff, 24px 54px 0 0.02em, + 30px 54px 0 0.02em, 36px 54px 0 0.02em, 42px 54px 0 0.02em, + 48px 54px 0 0.02em #fff, 54px 54px 0 0.02em #fff, 60px 54px 0 0.02em #fff, + 66px 54px 0 0.02em, 72px 54px 0 0.02em, 78px 54px 0 0.02em, + 84px 54px 0 0.02em, 12px 60px 0 0.02em, 18px 60px 0 0.02em #fff, + 24px 60px 0 0.02em #fff, 30px 60px 0 0.02em #fff, 36px 60px 0 0.02em, + 42px 60px 0 0.02em, 48px 60px 0 0.02em #fff, 54px 60px 0 0.02em #fff, + 60px 60px 0 0.02em #fff, 66px 60px 0 0.02em, 72px 60px 0 0.02em #fff, + 78px 60px 0 0.02em, 12px 66px 0 0.02em, 18px 66px 0 0.02em #fff, + 24px 66px 0 0.02em #fff, 30px 66px 0 0.02em #fff, 36px 66px 0 0.02em #fff, + 42px 66px 0 0.02em #fff, 48px 66px 0 0.02em, 54px 66px 0 0.02em, + 60px 66px 0 0.02em, 66px 66px 0 0.02em #fff, 72px 66px 0 0.02em #fff, + 78px 66px 0 0.02em, 18px 72px 0 0.02em, 24px 72px 0 0.02em #9fa1a1, + 30px 72px 0 0.02em #9fa1a1, 36px 72px 0 0.02em #fff, + 42px 72px 0 0.02em #fff, 48px 72px 0 0.02em #fff, 54px 72px 0 0.02em #fff, + 60px 72px 0 0.02em #fff, 66px 72px 0 0.02em #fff, 72px 72px 0 0.02em, + 24px 78px 0 0.02em, 30px 78px 0 0.02em, 36px 78px 0 0.02em #9fa1a1, + 42px 78px 0 0.02em #9fa1a1, 48px 78px 0 0.02em #9fa1a1, + 54px 78px 0 0.02em #9fa1a1, 60px 78px 0 0.02em, 66px 78px 0 0.02em, + 36px 84px 0 0.02em, 42px 84px 0 0.02em, 48px 84px 0 0.02em, + 54px 84px 0 0.02em; + } +} + +.nes-bulbasaur { + position: relative; + display: inline-block; + width: 120px; + height: 102px; +} + +.nes-bulbasaur::before { + position: absolute; + top: -6px; + left: -6px; + content: ""; + background: transparent; + width: 6px; + height: 6px; + color: #000; + box-shadow: 78px 6px, 84px 6px, 90px 6px, 72px 12px, 78px 12px #8beb46, + 84px 12px #8beb46, 90px 12px #8beb46, 96px 12px, 60px 18px, 66px 18px, + 72px 18px, 78px 18px #8beb46, 84px 18px #8beb46, 90px 18px #8beb46, + 96px 18px, 48px 24px, 54px 24px, 60px 24px #8beb46, 66px 24px #8beb46, + 72px 24px #2d8d22, 78px 24px #8beb46, 84px 24px #8beb46, 90px 24px #2d8d22, + 96px 24px #8beb46, 102px 24px, 108px 24px, 24px 30px, 30px 30px, 42px 30px, + 48px 30px #8beb46, 54px 30px #8beb46, 60px 30px #8beb46, 66px 30px #2d8d22, + 72px 30px #2d8d22, 78px 30px #8beb46, 84px 30px #8beb46, 90px 30px #2d8d22, + 96px 30px #8beb46, 102px 30px #8beb46, 108px 30px #8beb46, 114px 30px, + 18px 36px, 24px 36px #5ceee1, 30px 36px #5ceee1, 36px 36px, 42px 36px, + 48px 36px #8beb46, 54px 36px #8beb46, 60px 36px #2d8d22, 66px 36px #8beb46, + 72px 36px #2d8d22, 78px 36px #8beb46, 84px 36px #8beb46, 90px 36px #8beb46, + 96px 36px #2d8d22, 102px 36px #8beb46, 108px 36px #8beb46, + 114px 36px #8beb46, 120px 36px, 18px 42px, 24px 42px #5ceee1, + 30px 42px #5ceee1, 36px 42px #5ceee1, 42px 42px, 48px 42px, + 54px 42px #2d8d22, 60px 42px #8beb46, 66px 42px #2d8d22, 72px 42px #8beb46, + 78px 42px #8beb46, 84px 42px #8beb46, 90px 42px #8beb46, 96px 42px #8beb46, + 102px 42px #2d8d22, 108px 42px #8beb46, 114px 42px #8beb46, 120px 42px, + 18px 48px, 24px 48px #5ceee1, 30px 48px #5ceee1, 36px 48px #5ceee1, + 42px 48px #5ceee1, 48px 48px #3fc3b5, 54px 48px, 60px 48px #8beb46, + 66px 48px #2d8d22, 72px 48px #8beb46, 78px 48px #8beb46, 84px 48px #8beb46, + 90px 48px #8beb46, 96px 48px #8beb46, 102px 48px #2d8d22, 108px 48px #8beb46, + 114px 48px #8beb46, 120px 48px, 12px 54px, 18px 54px #5ceee1, + 24px 54px #5ceee1, 30px 54px #3fc3b5, 36px 54px #5ceee1, 42px 54px #3fc3b5, + 48px 54px #3fc3b5, 54px 54px #5ceee1, 60px 54px, 66px 54px, 72px 54px, + 78px 54px #8beb46, 84px 54px #8beb46, 90px 54px #8beb46, 96px 54px #8beb46, + 102px 54px #2d8d22, 108px 54px #8beb46, 114px 54px, 6px 60px, 12px 60px, + 18px 60px #3fc3b5, 24px 60px #5ceee1, 30px 60px #5ceee1, 36px 60px #5ceee1, + 42px 60px #5ceee1, 48px 60px #5ceee1, 54px 60px #5ceee1, 60px 60px #5ceee1, + 66px 60px #5ceee1, 72px 60px, 78px 60px #8beb46, 84px 60px #8beb46, + 90px 60px #8beb46, 96px 60px, 102px 60px, 108px 60px, 114px 60px, 6px 66px, + 12px 66px, 18px 66px #3fc3b5, 24px 66px #5ceee1, 30px 66px #5ceee1, + 36px 66px #5ceee1, 42px 66px #3fc3b5, 48px 66px #5ceee1, 54px 66px #5ceee1, + 60px 66px #5ceee1, 66px 66px, 72px 66px #3fc3b5, 78px 66px, 84px 66px, + 90px 66px, 96px 66px #3fc3b5, 102px 66px #3fc3b5, 108px 66px #3fc3b5, + 114px 66px, 6px 72px, 12px 72px #5ceee1, 18px 72px #5ceee1, + 24px 72px #5ceee1, 30px 72px #5ceee1, 36px 72px #3fc3b5, 42px 72px #5ceee1, + 48px 72px, 54px 72px, 60px 72px #5ceee1, 66px 72px #3fc3b5, + 72px 72px #3fc3b5, 78px 72px #3fc3b5, 84px 72px #3fc3b5, 90px 72px #3fc3b5, + 96px 72px, 102px 72px #3fc3b5, 108px 72px #fdfdf5, 114px 72px, 6px 78px, + 12px 78px #3fc3b5, 18px 78px #5ceee1, 24px 78px #5ceee1, 30px 78px #5ceee1, + 36px 78px #5ceee1, 42px 78px, 48px 78px #ca242a, 54px 78px #fdfdf5, + 60px 78px #fdfdf5, 66px 78px #3fc3b5, 72px 78px #3fc3b5, 78px 78px, + 84px 78px #3fc3b5, 90px 78px #3fc3b5, 96px 78px, 102px 78px, 108px 78px, + 12px 84px, 18px 84px #3fc3b5, 24px 84px #5ceee1, 30px 84px #5ceee1, + 36px 84px #5ceee1, 42px 84px, 48px 84px #ca242a, 54px 84px #fdfdf5, + 60px 84px #5ceee1, 66px 84px #3fc3b5, 72px 84px, 78px 84px #3fc3b5, + 84px 84px #3fc3b5, 90px 84px, 18px 90px, 24px 90px, 30px 90px #3fc3b5, + 36px 90px #3fc3b5, 42px 90px #3fc3b5, 48px 90px #3fc3b5, 54px 90px #3fc3b5, + 60px 90px #3fc3b5, 66px 90px, 72px 90px #3fc3b5, 78px 90px #3fc3b5, + 84px 90px #3fc3b5, 90px 90px, 30px 96px, 36px 96px, 42px 96px, 48px 96px, + 54px 96px, 60px 96px, 66px 96px, 72px 96px #fdfdf5, 78px 96px #3fc3b5, + 84px 96px #fdfdf5, 90px 96px, 72px 102px, 78px 102px, 84px 102px; + transform: rotate(0); +} + +@supports (-moz-appearance: meterbar) { + .nes-bulbasaur::before { + box-shadow: 78px 6px 0 0.02em, 84px 6px 0 0.02em, 90px 6px 0 0.02em, + 72px 12px 0 0.02em, 78px 12px 0 0.02em #8beb46, 84px 12px 0 0.02em #8beb46, + 90px 12px 0 0.02em #8beb46, 96px 12px 0 0.02em, 60px 18px 0 0.02em, + 66px 18px 0 0.02em, 72px 18px 0 0.02em, 78px 18px 0 0.02em #8beb46, + 84px 18px 0 0.02em #8beb46, 90px 18px 0 0.02em #8beb46, 96px 18px 0 0.02em, + 48px 24px 0 0.02em, 54px 24px 0 0.02em, 60px 24px 0 0.02em #8beb46, + 66px 24px 0 0.02em #8beb46, 72px 24px 0 0.02em #2d8d22, + 78px 24px 0 0.02em #8beb46, 84px 24px 0 0.02em #8beb46, + 90px 24px 0 0.02em #2d8d22, 96px 24px 0 0.02em #8beb46, + 102px 24px 0 0.02em, 108px 24px 0 0.02em, 24px 30px 0 0.02em, + 30px 30px 0 0.02em, 42px 30px 0 0.02em, 48px 30px 0 0.02em #8beb46, + 54px 30px 0 0.02em #8beb46, 60px 30px 0 0.02em #8beb46, + 66px 30px 0 0.02em #2d8d22, 72px 30px 0 0.02em #2d8d22, + 78px 30px 0 0.02em #8beb46, 84px 30px 0 0.02em #8beb46, + 90px 30px 0 0.02em #2d8d22, 96px 30px 0 0.02em #8beb46, + 102px 30px 0 0.02em #8beb46, 108px 30px 0 0.02em #8beb46, + 114px 30px 0 0.02em, 18px 36px 0 0.02em, 24px 36px 0 0.02em #5ceee1, + 30px 36px 0 0.02em #5ceee1, 36px 36px 0 0.02em, 42px 36px 0 0.02em, + 48px 36px 0 0.02em #8beb46, 54px 36px 0 0.02em #8beb46, + 60px 36px 0 0.02em #2d8d22, 66px 36px 0 0.02em #8beb46, + 72px 36px 0 0.02em #2d8d22, 78px 36px 0 0.02em #8beb46, + 84px 36px 0 0.02em #8beb46, 90px 36px 0 0.02em #8beb46, + 96px 36px 0 0.02em #2d8d22, 102px 36px 0 0.02em #8beb46, + 108px 36px 0 0.02em #8beb46, 114px 36px 0 0.02em #8beb46, + 120px 36px 0 0.02em, 18px 42px 0 0.02em, 24px 42px 0 0.02em #5ceee1, + 30px 42px 0 0.02em #5ceee1, 36px 42px 0 0.02em #5ceee1, 42px 42px 0 0.02em, + 48px 42px 0 0.02em, 54px 42px 0 0.02em #2d8d22, 60px 42px 0 0.02em #8beb46, + 66px 42px 0 0.02em #2d8d22, 72px 42px 0 0.02em #8beb46, + 78px 42px 0 0.02em #8beb46, 84px 42px 0 0.02em #8beb46, + 90px 42px 0 0.02em #8beb46, 96px 42px 0 0.02em #8beb46, + 102px 42px 0 0.02em #2d8d22, 108px 42px 0 0.02em #8beb46, + 114px 42px 0 0.02em #8beb46, 120px 42px 0 0.02em, 18px 48px 0 0.02em, + 24px 48px 0 0.02em #5ceee1, 30px 48px 0 0.02em #5ceee1, + 36px 48px 0 0.02em #5ceee1, 42px 48px 0 0.02em #5ceee1, + 48px 48px 0 0.02em #3fc3b5, 54px 48px 0 0.02em, 60px 48px 0 0.02em #8beb46, + 66px 48px 0 0.02em #2d8d22, 72px 48px 0 0.02em #8beb46, + 78px 48px 0 0.02em #8beb46, 84px 48px 0 0.02em #8beb46, + 90px 48px 0 0.02em #8beb46, 96px 48px 0 0.02em #8beb46, + 102px 48px 0 0.02em #2d8d22, 108px 48px 0 0.02em #8beb46, + 114px 48px 0 0.02em #8beb46, 120px 48px 0 0.02em, 12px 54px 0 0.02em, + 18px 54px 0 0.02em #5ceee1, 24px 54px 0 0.02em #5ceee1, + 30px 54px 0 0.02em #3fc3b5, 36px 54px 0 0.02em #5ceee1, + 42px 54px 0 0.02em #3fc3b5, 48px 54px 0 0.02em #3fc3b5, + 54px 54px 0 0.02em #5ceee1, 60px 54px 0 0.02em, 66px 54px 0 0.02em, + 72px 54px 0 0.02em, 78px 54px 0 0.02em #8beb46, 84px 54px 0 0.02em #8beb46, + 90px 54px 0 0.02em #8beb46, 96px 54px 0 0.02em #8beb46, + 102px 54px 0 0.02em #2d8d22, 108px 54px 0 0.02em #8beb46, + 114px 54px 0 0.02em, 6px 60px 0 0.02em, 12px 60px 0 0.02em, + 18px 60px 0 0.02em #3fc3b5, 24px 60px 0 0.02em #5ceee1, + 30px 60px 0 0.02em #5ceee1, 36px 60px 0 0.02em #5ceee1, + 42px 60px 0 0.02em #5ceee1, 48px 60px 0 0.02em #5ceee1, + 54px 60px 0 0.02em #5ceee1, 60px 60px 0 0.02em #5ceee1, + 66px 60px 0 0.02em #5ceee1, 72px 60px 0 0.02em, 78px 60px 0 0.02em #8beb46, + 84px 60px 0 0.02em #8beb46, 90px 60px 0 0.02em #8beb46, 96px 60px 0 0.02em, + 102px 60px 0 0.02em, 108px 60px 0 0.02em, 114px 60px 0 0.02em, + 6px 66px 0 0.02em, 12px 66px 0 0.02em, 18px 66px 0 0.02em #3fc3b5, + 24px 66px 0 0.02em #5ceee1, 30px 66px 0 0.02em #5ceee1, + 36px 66px 0 0.02em #5ceee1, 42px 66px 0 0.02em #3fc3b5, + 48px 66px 0 0.02em #5ceee1, 54px 66px 0 0.02em #5ceee1, + 60px 66px 0 0.02em #5ceee1, 66px 66px 0 0.02em, 72px 66px 0 0.02em #3fc3b5, + 78px 66px 0 0.02em, 84px 66px 0 0.02em, 90px 66px 0 0.02em, + 96px 66px 0 0.02em #3fc3b5, 102px 66px 0 0.02em #3fc3b5, + 108px 66px 0 0.02em #3fc3b5, 114px 66px 0 0.02em, 6px 72px 0 0.02em, + 12px 72px 0 0.02em #5ceee1, 18px 72px 0 0.02em #5ceee1, + 24px 72px 0 0.02em #5ceee1, 30px 72px 0 0.02em #5ceee1, + 36px 72px 0 0.02em #3fc3b5, 42px 72px 0 0.02em #5ceee1, 48px 72px 0 0.02em, + 54px 72px 0 0.02em, 60px 72px 0 0.02em #5ceee1, 66px 72px 0 0.02em #3fc3b5, + 72px 72px 0 0.02em #3fc3b5, 78px 72px 0 0.02em #3fc3b5, + 84px 72px 0 0.02em #3fc3b5, 90px 72px 0 0.02em #3fc3b5, 96px 72px 0 0.02em, + 102px 72px 0 0.02em #3fc3b5, 108px 72px 0 0.02em #fdfdf5, + 114px 72px 0 0.02em, 6px 78px 0 0.02em, 12px 78px 0 0.02em #3fc3b5, + 18px 78px 0 0.02em #5ceee1, 24px 78px 0 0.02em #5ceee1, + 30px 78px 0 0.02em #5ceee1, 36px 78px 0 0.02em #5ceee1, 42px 78px 0 0.02em, + 48px 78px 0 0.02em #ca242a, 54px 78px 0 0.02em #fdfdf5, + 60px 78px 0 0.02em #fdfdf5, 66px 78px 0 0.02em #3fc3b5, + 72px 78px 0 0.02em #3fc3b5, 78px 78px 0 0.02em, 84px 78px 0 0.02em #3fc3b5, + 90px 78px 0 0.02em #3fc3b5, 96px 78px 0 0.02em, 102px 78px 0 0.02em, + 108px 78px 0 0.02em, 12px 84px 0 0.02em, 18px 84px 0 0.02em #3fc3b5, + 24px 84px 0 0.02em #5ceee1, 30px 84px 0 0.02em #5ceee1, + 36px 84px 0 0.02em #5ceee1, 42px 84px 0 0.02em, 48px 84px 0 0.02em #ca242a, + 54px 84px 0 0.02em #fdfdf5, 60px 84px 0 0.02em #5ceee1, + 66px 84px 0 0.02em #3fc3b5, 72px 84px 0 0.02em, 78px 84px 0 0.02em #3fc3b5, + 84px 84px 0 0.02em #3fc3b5, 90px 84px 0 0.02em, 18px 90px 0 0.02em, + 24px 90px 0 0.02em, 30px 90px 0 0.02em #3fc3b5, 36px 90px 0 0.02em #3fc3b5, + 42px 90px 0 0.02em #3fc3b5, 48px 90px 0 0.02em #3fc3b5, + 54px 90px 0 0.02em #3fc3b5, 60px 90px 0 0.02em #3fc3b5, 66px 90px 0 0.02em, + 72px 90px 0 0.02em #3fc3b5, 78px 90px 0 0.02em #3fc3b5, + 84px 90px 0 0.02em #3fc3b5, 90px 90px 0 0.02em, 30px 96px 0 0.02em, + 36px 96px 0 0.02em, 42px 96px 0 0.02em, 48px 96px 0 0.02em, + 54px 96px 0 0.02em, 60px 96px 0 0.02em, 66px 96px 0 0.02em, + 72px 96px 0 0.02em #fdfdf5, 78px 96px 0 0.02em #3fc3b5, + 84px 96px 0 0.02em #fdfdf5, 90px 96px 0 0.02em, 72px 102px 0 0.02em, + 78px 102px 0 0.02em, 84px 102px 0 0.02em; + } +} + +.nes-charmander { + position: relative; + display: inline-block; + width: 126px; + height: 108px; +} + +.nes-charmander::before { + position: absolute; + top: -6px; + left: -6px; + content: ""; + background: transparent; + width: 6px; + height: 6px; + color: #f77702; + box-shadow: 30px 6px #000202, 36px 6px #000202, 42px 6px #000202, + 48px 6px #000202, 108px 6px #000202, 24px 12px #000202, 30px 12px, 36px 12px, + 42px 12px, 48px 12px, 54px 12px #000202, 102px 12px #000202, + 108px 12px #eb2010, 114px 12px #000202, 18px 18px #000202, 24px 18px, + 30px 18px, 36px 18px, 42px 18px, 48px 18px, 54px 18px, 60px 18px #000202, + 102px 18px #000202, 108px 18px #eb2010, 114px 18px #eb2010, + 120px 18px #000202, 18px 24px #000202, 24px 24px, 30px 24px, 36px 24px, + 42px 24px, 48px 24px, 54px 24px, 60px 24px #000202, 102px 24px #000202, + 108px 24px #eb2010, 114px 24px #eb2010, 120px 24px #000202, + 12px 30px #000202, 18px 30px, 24px 30px, 30px 30px, 36px 30px, 42px 30px, + 48px 30px, 54px 30px, 60px 30px, 66px 30px #000202, 96px 30px #000202, + 102px 30px #eb2010, 108px 30px #eb2010, 114px 30px, 120px 30px #eb2010, + 126px 30px #000202, 6px 36px #000202, 12px 36px, 18px 36px, 24px 36px, + 30px 36px, 36px 36px #fdfcff, 42px 36px #000202, 48px 36px, 54px 36px, + 60px 36px, 66px 36px #000202, 96px 36px #000202, 102px 36px #eb2010, + 108px 36px, 114px 36px #e7d70e, 120px 36px #eb2010, 126px 36px #000202, + 6px 42px #000202, 12px 42px, 18px 42px, 24px 42px, 30px 42px, + 36px 42px #000202, 42px 42px #000202, 48px 42px, 54px 42px, 60px 42px, + 66px 42px, 72px 42px #000202, 96px 42px #000202, 102px 42px #eb2010, + 108px 42px #e5d70a, 114px 42px #e5d70a, 120px 42px #eb2010, + 126px 42px #000202, 6px 48px #000202, 12px 48px, 18px 48px, 24px 48px, + 30px 48px, 36px 48px #000202, 42px 48px #000202, 48px 48px, 54px 48px, + 60px 48px, 66px 48px, 72px 48px #000202, 102px 48px #000202, + 108px 48px #e5d70a, 114px 48px #000202, 120px 48px #000202, + 12px 54px #000202, 18px 54px, 24px 54px, 30px 54px, 36px 54px, 42px 54px, + 48px 54px, 54px 54px, 60px 54px, 66px 54px, 72px 54px, 78px 54px #000202, + 102px 54px #000202, 108px 54px, 114px 54px #000202, 18px 60px #000202, + 24px 60px #000202, 30px 60px, 36px 60px, 42px 60px, 48px 60px, 54px 60px, + 60px 60px, 66px 60px, 72px 60px, 78px 60px, 84px 60px #000202, + 96px 60px #000202, 102px 60px, 108px 60px, 114px 60px #000202, + 30px 66px #000202, 36px 66px #000202, 42px 66px #000202, 48px 66px, + 54px 66px, 60px 66px #000202, 66px 66px, 72px 66px, 78px 66px, + 84px 66px #000202, 90px 66px #000202, 96px 66px, 102px 66px, + 108px 66px #000202, 36px 72px #000202, 42px 72px #e7d70e, 48px 72px #e5d70a, + 54px 72px #000202, 60px 72px, 66px 72px, 72px 72px, 78px 72px, 84px 72px, + 90px 72px #000202, 96px 72px, 102px 72px, 108px 72px #000202, + 36px 78px #000202, 42px 78px #e5d70a, 48px 78px #e5d70a, 54px 78px #e5d70a, + 60px 78px #000202, 66px 78px #000202, 72px 78px, 78px 78px, 84px 78px, + 90px 78px #000202, 96px 78px, 102px 78px #000202, 30px 84px #000202, + 36px 84px #fdfcff, 42px 84px #000202, 48px 84px #e7d70e, 54px 84px #e5d70a, + 60px 84px #e5d70a, 66px 84px, 72px 84px, 78px 84px, 84px 84px, + 90px 84px #000202, 96px 84px #000202, 36px 90px #000202, 42px 90px #000202, + 48px 90px #000202, 54px 90px #e5d70a, 60px 90px #e5d70a, 66px 90px, + 72px 90px, 78px 90px, 84px 90px #000202, 90px 90px #000202, + 54px 96px #000202, 60px 96px #000202, 66px 96px #000202, 78px 96px #000202, + 84px 96px #000202, 60px 102px #000202, 66px 102px #fdfcff, + 78px 102px #fdfcff, 84px 102px #000202, 66px 108px #000202, + 72px 108px #000202, 78px 108px #000202; + transform: rotate(0); +} + +@supports (-moz-appearance: meterbar) { + .nes-charmander::before { + box-shadow: 30px 6px 0 0.02em #000202, 36px 6px 0 0.02em #000202, + 42px 6px 0 0.02em #000202, 48px 6px 0 0.02em #000202, + 108px 6px 0 0.02em #000202, 24px 12px 0 0.02em #000202, 30px 12px 0 0.02em, + 36px 12px 0 0.02em, 42px 12px 0 0.02em, 48px 12px 0 0.02em, + 54px 12px 0 0.02em #000202, 102px 12px 0 0.02em #000202, + 108px 12px 0 0.02em #eb2010, 114px 12px 0 0.02em #000202, + 18px 18px 0 0.02em #000202, 24px 18px 0 0.02em, 30px 18px 0 0.02em, + 36px 18px 0 0.02em, 42px 18px 0 0.02em, 48px 18px 0 0.02em, + 54px 18px 0 0.02em, 60px 18px 0 0.02em #000202, + 102px 18px 0 0.02em #000202, 108px 18px 0 0.02em #eb2010, + 114px 18px 0 0.02em #eb2010, 120px 18px 0 0.02em #000202, + 18px 24px 0 0.02em #000202, 24px 24px 0 0.02em, 30px 24px 0 0.02em, + 36px 24px 0 0.02em, 42px 24px 0 0.02em, 48px 24px 0 0.02em, + 54px 24px 0 0.02em, 60px 24px 0 0.02em #000202, + 102px 24px 0 0.02em #000202, 108px 24px 0 0.02em #eb2010, + 114px 24px 0 0.02em #eb2010, 120px 24px 0 0.02em #000202, + 12px 30px 0 0.02em #000202, 18px 30px 0 0.02em, 24px 30px 0 0.02em, + 30px 30px 0 0.02em, 36px 30px 0 0.02em, 42px 30px 0 0.02em, + 48px 30px 0 0.02em, 54px 30px 0 0.02em, 60px 30px 0 0.02em, + 66px 30px 0 0.02em #000202, 96px 30px 0 0.02em #000202, + 102px 30px 0 0.02em #eb2010, 108px 30px 0 0.02em #eb2010, + 114px 30px 0 0.02em, 120px 30px 0 0.02em #eb2010, + 126px 30px 0 0.02em #000202, 6px 36px 0 0.02em #000202, 12px 36px 0 0.02em, + 18px 36px 0 0.02em, 24px 36px 0 0.02em, 30px 36px 0 0.02em, + 36px 36px 0 0.02em #fdfcff, 42px 36px 0 0.02em #000202, 48px 36px 0 0.02em, + 54px 36px 0 0.02em, 60px 36px 0 0.02em, 66px 36px 0 0.02em #000202, + 96px 36px 0 0.02em #000202, 102px 36px 0 0.02em #eb2010, + 108px 36px 0 0.02em, 114px 36px 0 0.02em #e7d70e, + 120px 36px 0 0.02em #eb2010, 126px 36px 0 0.02em #000202, + 6px 42px 0 0.02em #000202, 12px 42px 0 0.02em, 18px 42px 0 0.02em, + 24px 42px 0 0.02em, 30px 42px 0 0.02em, 36px 42px 0 0.02em #000202, + 42px 42px 0 0.02em #000202, 48px 42px 0 0.02em, 54px 42px 0 0.02em, + 60px 42px 0 0.02em, 66px 42px 0 0.02em, 72px 42px 0 0.02em #000202, + 96px 42px 0 0.02em #000202, 102px 42px 0 0.02em #eb2010, + 108px 42px 0 0.02em #e5d70a, 114px 42px 0 0.02em #e5d70a, + 120px 42px 0 0.02em #eb2010, 126px 42px 0 0.02em #000202, + 6px 48px 0 0.02em #000202, 12px 48px 0 0.02em, 18px 48px 0 0.02em, + 24px 48px 0 0.02em, 30px 48px 0 0.02em, 36px 48px 0 0.02em #000202, + 42px 48px 0 0.02em #000202, 48px 48px 0 0.02em, 54px 48px 0 0.02em, + 60px 48px 0 0.02em, 66px 48px 0 0.02em, 72px 48px 0 0.02em #000202, + 102px 48px 0 0.02em #000202, 108px 48px 0 0.02em #e5d70a, + 114px 48px 0 0.02em #000202, 120px 48px 0 0.02em #000202, + 12px 54px 0 0.02em #000202, 18px 54px 0 0.02em, 24px 54px 0 0.02em, + 30px 54px 0 0.02em, 36px 54px 0 0.02em, 42px 54px 0 0.02em, + 48px 54px 0 0.02em, 54px 54px 0 0.02em, 60px 54px 0 0.02em, + 66px 54px 0 0.02em, 72px 54px 0 0.02em, 78px 54px 0 0.02em #000202, + 102px 54px 0 0.02em #000202, 108px 54px 0 0.02em, + 114px 54px 0 0.02em #000202, 18px 60px 0 0.02em #000202, + 24px 60px 0 0.02em #000202, 30px 60px 0 0.02em, 36px 60px 0 0.02em, + 42px 60px 0 0.02em, 48px 60px 0 0.02em, 54px 60px 0 0.02em, + 60px 60px 0 0.02em, 66px 60px 0 0.02em, 72px 60px 0 0.02em, + 78px 60px 0 0.02em, 84px 60px 0 0.02em #000202, 96px 60px 0 0.02em #000202, + 102px 60px 0 0.02em, 108px 60px 0 0.02em, 114px 60px 0 0.02em #000202, + 30px 66px 0 0.02em #000202, 36px 66px 0 0.02em #000202, + 42px 66px 0 0.02em #000202, 48px 66px 0 0.02em, 54px 66px 0 0.02em, + 60px 66px 0 0.02em #000202, 66px 66px 0 0.02em, 72px 66px 0 0.02em, + 78px 66px 0 0.02em, 84px 66px 0 0.02em #000202, 90px 66px 0 0.02em #000202, + 96px 66px 0 0.02em, 102px 66px 0 0.02em, 108px 66px 0 0.02em #000202, + 36px 72px 0 0.02em #000202, 42px 72px 0 0.02em #e7d70e, + 48px 72px 0 0.02em #e5d70a, 54px 72px 0 0.02em #000202, 60px 72px 0 0.02em, + 66px 72px 0 0.02em, 72px 72px 0 0.02em, 78px 72px 0 0.02em, + 84px 72px 0 0.02em, 90px 72px 0 0.02em #000202, 96px 72px 0 0.02em, + 102px 72px 0 0.02em, 108px 72px 0 0.02em #000202, + 36px 78px 0 0.02em #000202, 42px 78px 0 0.02em #e5d70a, + 48px 78px 0 0.02em #e5d70a, 54px 78px 0 0.02em #e5d70a, + 60px 78px 0 0.02em #000202, 66px 78px 0 0.02em #000202, 72px 78px 0 0.02em, + 78px 78px 0 0.02em, 84px 78px 0 0.02em, 90px 78px 0 0.02em #000202, + 96px 78px 0 0.02em, 102px 78px 0 0.02em #000202, + 30px 84px 0 0.02em #000202, 36px 84px 0 0.02em #fdfcff, + 42px 84px 0 0.02em #000202, 48px 84px 0 0.02em #e7d70e, + 54px 84px 0 0.02em #e5d70a, 60px 84px 0 0.02em #e5d70a, 66px 84px 0 0.02em, + 72px 84px 0 0.02em, 78px 84px 0 0.02em, 84px 84px 0 0.02em, + 90px 84px 0 0.02em #000202, 96px 84px 0 0.02em #000202, + 36px 90px 0 0.02em #000202, 42px 90px 0 0.02em #000202, + 48px 90px 0 0.02em #000202, 54px 90px 0 0.02em #e5d70a, + 60px 90px 0 0.02em #e5d70a, 66px 90px 0 0.02em, 72px 90px 0 0.02em, + 78px 90px 0 0.02em, 84px 90px 0 0.02em #000202, 90px 90px 0 0.02em #000202, + 54px 96px 0 0.02em #000202, 60px 96px 0 0.02em #000202, + 66px 96px 0 0.02em #000202, 78px 96px 0 0.02em #000202, + 84px 96px 0 0.02em #000202, 60px 102px 0 0.02em #000202, + 66px 102px 0 0.02em #fdfcff, 78px 102px 0 0.02em #fdfcff, + 84px 102px 0 0.02em #000202, 66px 108px 0 0.02em #000202, + 72px 108px 0 0.02em #000202, 78px 108px 0 0.02em #000202; + } +} + +.nes-squirtle { + position: relative; + display: inline-block; + width: 126px; + height: 102px; +} + +.nes-squirtle::before { + position: absolute; + top: -6px; + left: -6px; + content: ""; + background: transparent; + width: 6px; + height: 6px; + color: #9cf; + box-shadow: 24px 6px #000, 30px 6px #000, 36px 6px #000, 42px 6px #000, + 102px 6px #000, 108px 6px #000, 114px 6px #000, 18px 12px #000, 24px 12px, + 30px 12px, 36px 12px, 42px 12px, 48px 12px #000, 54px 12px #000, + 96px 12px #000, 102px 12px, 108px 12px, 114px 12px, 120px 12px #000, + 12px 18px #000, 18px 18px, 24px 18px, 30px 18px, 36px 18px, 42px 18px, + 48px 18px, 54px 18px, 60px 18px #000, 66px 18px #000, 90px 18px #000, + 96px 18px, 102px 18px, 108px 18px, 114px 18px, 120px 18px, 126px 18px #000, + 12px 24px #000, 18px 24px, 24px 24px, 30px 24px, 36px 24px, 42px 24px, + 48px 24px, 54px 24px, 60px 24px #000, 66px 24px #f89934, 72px 24px #000, + 78px 24px #000, 90px 24px #000, 96px 24px, 102px 24px, 108px 24px, + 114px 24px #000, 120px 24px, 126px 24px #000, 6px 30px #000, + 12px 30px #cb6633, 18px 30px, 24px 30px, 30px 30px, 36px 30px, 42px 30px, + 48px 30px, 54px 30px, 60px 30px, 66px 30px #f89934, 72px 30px #f89934, + 78px 30px #f89934, 84px 30px #000, 90px 30px, 96px 30px, 102px 30px, + 108px 30px #000, 114px 30px, 120px 30px, 126px 30px #000, 6px 36px #000, + 12px 36px, 18px 36px, 24px 36px, 30px 36px, 36px 36px #fff, 42px 36px #000, + 48px 36px, 54px 36px, 60px 36px, 66px 36px #fff, 72px 36px #f89934, + 78px 36px #f89934, 84px 36px #f89934, 90px 36px #000, 96px 36px, 102px 36px, + 108px 36px #000, 114px 36px, 120px 36px #000, 6px 42px #000, 12px 42px, + 18px 42px, 24px 42px, 30px 42px, 36px 42px #000, 42px 42px #cb6633, + 48px 42px, 54px 42px, 60px 42px, 66px 42px #fff, 72px 42px #f89934, + 78px 42px #f89934, 84px 42px #f89934, 90px 42px #000, 96px 42px, + 102px 42px #000, 108px 42px #000, 114px 42px #000, 12px 48px #000, 18px 48px, + 24px 48px, 30px 48px, 36px 48px #000, 42px 48px #cb6633, 48px 48px, + 54px 48px, 60px 48px, 66px 48px #000, 72px 48px #fff, 78px 48px #f89934, + 84px 48px #f89934, 90px 48px #f89934, 96px 48px #000, 102px 48px #000, + 18px 54px #000, 24px 54px #000, 30px 54px, 36px 54px, 42px 54px, 48px 54px, + 54px 54px #000, 60px 54px #000, 66px 54px, 72px 54px, 78px 54px #fff, + 84px 54px #f89934, 90px 54px #f89934, 96px 54px #000, 18px 60px #000, + 24px 60px, 30px 60px #000, 36px 60px #000, 42px 60px #000, 48px 60px #000, + 54px 60px, 60px 60px, 66px 60px, 72px 60px, 78px 60px #fff, + 84px 60px #f89934, 90px 60px #f89934, 96px 60px #000, 24px 66px #000, + 30px 66px #000, 36px 66px #ff3, 42px 66px #ff3, 48px 66px #000, 54px 66px, + 60px 66px, 66px 66px, 72px 66px #000, 78px 66px #fff, 84px 66px #f89934, + 90px 66px #f89934, 96px 66px #000, 36px 72px #000, 42px 72px #ff3, + 48px 72px #ff3, 54px 72px #000, 60px 72px #000, 66px 72px #000, + 72px 72px #000, 78px 72px #fff, 84px 72px #f89934, 90px 72px #f89934, + 96px 72px #000, 30px 78px #000, 36px 78px, 42px 78px #000, 48px 78px #ff3, + 54px 78px #ff3, 60px 78px #ff3, 66px 78px #ff3, 72px 78px #ff3, + 78px 78px #000, 84px 78px #fff, 90px 78px #000, 36px 84px #000, + 42px 84px #000, 48px 84px #000, 54px 84px #000, 60px 84px #ff3, + 66px 84px #ff3, 72px 84px, 78px 84px #000, 84px 84px #fff, 90px 84px #000, + 54px 90px #000, 60px 90px #000, 66px 90px #000, 72px 90px, 78px 90px #000, + 84px 90px #000, 60px 96px #000, 66px 96px, 72px 96px, 78px 96px, + 84px 96px #000, 66px 102px #000, 72px 102px #000, 78px 102px #000; + transform: rotate(0); +} + +@supports (-moz-appearance: meterbar) { + .nes-squirtle::before { + box-shadow: 24px 6px 0 0.02em #000, 30px 6px 0 0.02em #000, + 36px 6px 0 0.02em #000, 42px 6px 0 0.02em #000, 102px 6px 0 0.02em #000, + 108px 6px 0 0.02em #000, 114px 6px 0 0.02em #000, 18px 12px 0 0.02em #000, + 24px 12px 0 0.02em, 30px 12px 0 0.02em, 36px 12px 0 0.02em, + 42px 12px 0 0.02em, 48px 12px 0 0.02em #000, 54px 12px 0 0.02em #000, + 96px 12px 0 0.02em #000, 102px 12px 0 0.02em, 108px 12px 0 0.02em, + 114px 12px 0 0.02em, 120px 12px 0 0.02em #000, 12px 18px 0 0.02em #000, + 18px 18px 0 0.02em, 24px 18px 0 0.02em, 30px 18px 0 0.02em, + 36px 18px 0 0.02em, 42px 18px 0 0.02em, 48px 18px 0 0.02em, + 54px 18px 0 0.02em, 60px 18px 0 0.02em #000, 66px 18px 0 0.02em #000, + 90px 18px 0 0.02em #000, 96px 18px 0 0.02em, 102px 18px 0 0.02em, + 108px 18px 0 0.02em, 114px 18px 0 0.02em, 120px 18px 0 0.02em, + 126px 18px 0 0.02em #000, 12px 24px 0 0.02em #000, 18px 24px 0 0.02em, + 24px 24px 0 0.02em, 30px 24px 0 0.02em, 36px 24px 0 0.02em, + 42px 24px 0 0.02em, 48px 24px 0 0.02em, 54px 24px 0 0.02em, + 60px 24px 0 0.02em #000, 66px 24px 0 0.02em #f89934, + 72px 24px 0 0.02em #000, 78px 24px 0 0.02em #000, 90px 24px 0 0.02em #000, + 96px 24px 0 0.02em, 102px 24px 0 0.02em, 108px 24px 0 0.02em, + 114px 24px 0 0.02em #000, 120px 24px 0 0.02em, 126px 24px 0 0.02em #000, + 6px 30px 0 0.02em #000, 12px 30px 0 0.02em #cb6633, 18px 30px 0 0.02em, + 24px 30px 0 0.02em, 30px 30px 0 0.02em, 36px 30px 0 0.02em, + 42px 30px 0 0.02em, 48px 30px 0 0.02em, 54px 30px 0 0.02em, + 60px 30px 0 0.02em, 66px 30px 0 0.02em #f89934, 72px 30px 0 0.02em #f89934, + 78px 30px 0 0.02em #f89934, 84px 30px 0 0.02em #000, 90px 30px 0 0.02em, + 96px 30px 0 0.02em, 102px 30px 0 0.02em, 108px 30px 0 0.02em #000, + 114px 30px 0 0.02em, 120px 30px 0 0.02em, 126px 30px 0 0.02em #000, + 6px 36px 0 0.02em #000, 12px 36px 0 0.02em, 18px 36px 0 0.02em, + 24px 36px 0 0.02em, 30px 36px 0 0.02em, 36px 36px 0 0.02em #fff, + 42px 36px 0 0.02em #000, 48px 36px 0 0.02em, 54px 36px 0 0.02em, + 60px 36px 0 0.02em, 66px 36px 0 0.02em #fff, 72px 36px 0 0.02em #f89934, + 78px 36px 0 0.02em #f89934, 84px 36px 0 0.02em #f89934, + 90px 36px 0 0.02em #000, 96px 36px 0 0.02em, 102px 36px 0 0.02em, + 108px 36px 0 0.02em #000, 114px 36px 0 0.02em, 120px 36px 0 0.02em #000, + 6px 42px 0 0.02em #000, 12px 42px 0 0.02em, 18px 42px 0 0.02em, + 24px 42px 0 0.02em, 30px 42px 0 0.02em, 36px 42px 0 0.02em #000, + 42px 42px 0 0.02em #cb6633, 48px 42px 0 0.02em, 54px 42px 0 0.02em, + 60px 42px 0 0.02em, 66px 42px 0 0.02em #fff, 72px 42px 0 0.02em #f89934, + 78px 42px 0 0.02em #f89934, 84px 42px 0 0.02em #f89934, + 90px 42px 0 0.02em #000, 96px 42px 0 0.02em, 102px 42px 0 0.02em #000, + 108px 42px 0 0.02em #000, 114px 42px 0 0.02em #000, + 12px 48px 0 0.02em #000, 18px 48px 0 0.02em, 24px 48px 0 0.02em, + 30px 48px 0 0.02em, 36px 48px 0 0.02em #000, 42px 48px 0 0.02em #cb6633, + 48px 48px 0 0.02em, 54px 48px 0 0.02em, 60px 48px 0 0.02em, + 66px 48px 0 0.02em #000, 72px 48px 0 0.02em #fff, + 78px 48px 0 0.02em #f89934, 84px 48px 0 0.02em #f89934, + 90px 48px 0 0.02em #f89934, 96px 48px 0 0.02em #000, + 102px 48px 0 0.02em #000, 18px 54px 0 0.02em #000, 24px 54px 0 0.02em #000, + 30px 54px 0 0.02em, 36px 54px 0 0.02em, 42px 54px 0 0.02em, + 48px 54px 0 0.02em, 54px 54px 0 0.02em #000, 60px 54px 0 0.02em #000, + 66px 54px 0 0.02em, 72px 54px 0 0.02em, 78px 54px 0 0.02em #fff, + 84px 54px 0 0.02em #f89934, 90px 54px 0 0.02em #f89934, + 96px 54px 0 0.02em #000, 18px 60px 0 0.02em #000, 24px 60px 0 0.02em, + 30px 60px 0 0.02em #000, 36px 60px 0 0.02em #000, 42px 60px 0 0.02em #000, + 48px 60px 0 0.02em #000, 54px 60px 0 0.02em, 60px 60px 0 0.02em, + 66px 60px 0 0.02em, 72px 60px 0 0.02em, 78px 60px 0 0.02em #fff, + 84px 60px 0 0.02em #f89934, 90px 60px 0 0.02em #f89934, + 96px 60px 0 0.02em #000, 24px 66px 0 0.02em #000, 30px 66px 0 0.02em #000, + 36px 66px 0 0.02em #ff3, 42px 66px 0 0.02em #ff3, 48px 66px 0 0.02em #000, + 54px 66px 0 0.02em, 60px 66px 0 0.02em, 66px 66px 0 0.02em, + 72px 66px 0 0.02em #000, 78px 66px 0 0.02em #fff, + 84px 66px 0 0.02em #f89934, 90px 66px 0 0.02em #f89934, + 96px 66px 0 0.02em #000, 36px 72px 0 0.02em #000, 42px 72px 0 0.02em #ff3, + 48px 72px 0 0.02em #ff3, 54px 72px 0 0.02em #000, 60px 72px 0 0.02em #000, + 66px 72px 0 0.02em #000, 72px 72px 0 0.02em #000, 78px 72px 0 0.02em #fff, + 84px 72px 0 0.02em #f89934, 90px 72px 0 0.02em #f89934, + 96px 72px 0 0.02em #000, 30px 78px 0 0.02em #000, 36px 78px 0 0.02em, + 42px 78px 0 0.02em #000, 48px 78px 0 0.02em #ff3, 54px 78px 0 0.02em #ff3, + 60px 78px 0 0.02em #ff3, 66px 78px 0 0.02em #ff3, 72px 78px 0 0.02em #ff3, + 78px 78px 0 0.02em #000, 84px 78px 0 0.02em #fff, 90px 78px 0 0.02em #000, + 36px 84px 0 0.02em #000, 42px 84px 0 0.02em #000, 48px 84px 0 0.02em #000, + 54px 84px 0 0.02em #000, 60px 84px 0 0.02em #ff3, 66px 84px 0 0.02em #ff3, + 72px 84px 0 0.02em, 78px 84px 0 0.02em #000, 84px 84px 0 0.02em #fff, + 90px 84px 0 0.02em #000, 54px 90px 0 0.02em #000, 60px 90px 0 0.02em #000, + 66px 90px 0 0.02em #000, 72px 90px 0 0.02em, 78px 90px 0 0.02em #000, + 84px 90px 0 0.02em #000, 60px 96px 0 0.02em #000, 66px 96px 0 0.02em, + 72px 96px 0 0.02em, 78px 96px 0 0.02em, 84px 96px 0 0.02em #000, + 66px 102px 0 0.02em #000, 72px 102px 0 0.02em #000, + 78px 102px 0 0.02em #000; + } +} + +.nes-phone { + position: relative; + display: inline-block; + width: 48px; + height: 126px; +} + +.nes-phone::before { + position: absolute; + top: -6px; + left: -6px; + content: ""; + background: transparent; + width: 6px; + height: 6px; + color: #000; + box-shadow: 18px 6px, 24px 6px, 30px 6px, 36px 6px, 42px 6px, 48px 6px, + 12px 12px, 18px 12px, 24px 12px #3c4665, 30px 12px #3c4665, + 36px 12px #3c4665, 42px 12px #596985, 48px 12px, 6px 18px, 12px 18px, + 18px 18px #3c4665, 24px 18px #3c4665, 30px 18px #3c4665, 36px 18px #3c4665, + 42px 18px #596985, 48px 18px, 6px 24px, 12px 24px #3c4665, 18px 24px #3c4665, + 24px 24px #3c4665, 30px 24px #3c4665, 36px 24px #3c4665, 42px 24px #596985, + 48px 24px, 6px 30px, 12px 30px #3c4665, 18px 30px #3c4665, 24px 30px #3c4665, + 30px 30px #3c4665, 36px 30px #3c4665, 42px 30px #596985, 48px 30px, 6px 36px, + 12px 36px #3c4665, 18px 36px #3c4665, 24px 36px #3c4665, 30px 36px #3c4665, + 36px 36px #3c4665, 42px 36px #596985, 48px 36px, 6px 42px, 12px 42px #3c4665, + 18px 42px #3c4665, 24px 42px, 30px 42px, 36px 42px, 42px 42px, 48px 42px, + 6px 48px, 12px 48px #3c4665, 18px 48px #3c4665, 24px 48px, 6px 54px, + 12px 54px #3c4665, 18px 54px #3c4665, 24px 54px, 6px 60px, 12px 60px #3c4665, + 18px 60px #3c4665, 24px 60px, 6px 66px, 12px 66px #3c4665, 18px 66px #3c4665, + 24px 66px, 6px 72px, 12px 72px #3c4665, 18px 72px #3c4665, 24px 72px, + 6px 78px, 12px 78px #3c4665, 18px 78px #3c4665, 24px 78px, 6px 84px, + 12px 84px #3c4665, 18px 84px #3c4665, 24px 84px, 6px 90px, 12px 90px #3c4665, + 18px 90px #3c4665, 24px 90px, 30px 90px, 36px 90px, 42px 90px, 48px 90px, + 6px 96px, 12px 96px #3c4665, 18px 96px #3c4665, 24px 96px #3c4665, + 30px 96px #3c4665, 36px 96px #3c4665, 42px 96px #596985, 48px 96px, + 6px 102px, 12px 102px #3c4665, 18px 102px #3c4665, 24px 102px #3c4665, + 30px 102px #3c4665, 36px 102px #3c4665, 42px 102px #596985, 48px 102px, + 6px 108px, 12px 108px #3c4665, 18px 108px #3c4665, 24px 108px #3c4665, + 30px 108px #3c4665, 36px 108px #3c4665, 42px 108px #596985, 48px 108px, + 6px 114px, 12px 114px, 18px 114px #3c4665, 24px 114px #3c4665, + 30px 114px #3c4665, 36px 114px #3c4665, 42px 114px #596985, 48px 114px, + 12px 120px, 18px 120px, 24px 120px #3c4665, 30px 120px #3c4665, + 36px 120px #3c4665, 42px 120px #596985, 48px 120px, 18px 126px, 24px 126px, + 30px 126px, 36px 126px, 42px 126px, 48px 126px; + transform: rotate(0); +} + +@supports (-moz-appearance: meterbar) { + .nes-phone::before { + box-shadow: 18px 6px 0 0.02em, 24px 6px 0 0.02em, 30px 6px 0 0.02em, + 36px 6px 0 0.02em, 42px 6px 0 0.02em, 48px 6px 0 0.02em, + 12px 12px 0 0.02em, 18px 12px 0 0.02em, 24px 12px 0 0.02em #3c4665, + 30px 12px 0 0.02em #3c4665, 36px 12px 0 0.02em #3c4665, + 42px 12px 0 0.02em #596985, 48px 12px 0 0.02em, 6px 18px 0 0.02em, + 12px 18px 0 0.02em, 18px 18px 0 0.02em #3c4665, 24px 18px 0 0.02em #3c4665, + 30px 18px 0 0.02em #3c4665, 36px 18px 0 0.02em #3c4665, + 42px 18px 0 0.02em #596985, 48px 18px 0 0.02em, 6px 24px 0 0.02em, + 12px 24px 0 0.02em #3c4665, 18px 24px 0 0.02em #3c4665, + 24px 24px 0 0.02em #3c4665, 30px 24px 0 0.02em #3c4665, + 36px 24px 0 0.02em #3c4665, 42px 24px 0 0.02em #596985, 48px 24px 0 0.02em, + 6px 30px 0 0.02em, 12px 30px 0 0.02em #3c4665, 18px 30px 0 0.02em #3c4665, + 24px 30px 0 0.02em #3c4665, 30px 30px 0 0.02em #3c4665, + 36px 30px 0 0.02em #3c4665, 42px 30px 0 0.02em #596985, 48px 30px 0 0.02em, + 6px 36px 0 0.02em, 12px 36px 0 0.02em #3c4665, 18px 36px 0 0.02em #3c4665, + 24px 36px 0 0.02em #3c4665, 30px 36px 0 0.02em #3c4665, + 36px 36px 0 0.02em #3c4665, 42px 36px 0 0.02em #596985, 48px 36px 0 0.02em, + 6px 42px 0 0.02em, 12px 42px 0 0.02em #3c4665, 18px 42px 0 0.02em #3c4665, + 24px 42px 0 0.02em, 30px 42px 0 0.02em, 36px 42px 0 0.02em, + 42px 42px 0 0.02em, 48px 42px 0 0.02em, 6px 48px 0 0.02em, + 12px 48px 0 0.02em #3c4665, 18px 48px 0 0.02em #3c4665, 24px 48px 0 0.02em, + 6px 54px 0 0.02em, 12px 54px 0 0.02em #3c4665, 18px 54px 0 0.02em #3c4665, + 24px 54px 0 0.02em, 6px 60px 0 0.02em, 12px 60px 0 0.02em #3c4665, + 18px 60px 0 0.02em #3c4665, 24px 60px 0 0.02em, 6px 66px 0 0.02em, + 12px 66px 0 0.02em #3c4665, 18px 66px 0 0.02em #3c4665, 24px 66px 0 0.02em, + 6px 72px 0 0.02em, 12px 72px 0 0.02em #3c4665, 18px 72px 0 0.02em #3c4665, + 24px 72px 0 0.02em, 6px 78px 0 0.02em, 12px 78px 0 0.02em #3c4665, + 18px 78px 0 0.02em #3c4665, 24px 78px 0 0.02em, 6px 84px 0 0.02em, + 12px 84px 0 0.02em #3c4665, 18px 84px 0 0.02em #3c4665, 24px 84px 0 0.02em, + 6px 90px 0 0.02em, 12px 90px 0 0.02em #3c4665, 18px 90px 0 0.02em #3c4665, + 24px 90px 0 0.02em, 30px 90px 0 0.02em, 36px 90px 0 0.02em, + 42px 90px 0 0.02em, 48px 90px 0 0.02em, 6px 96px 0 0.02em, + 12px 96px 0 0.02em #3c4665, 18px 96px 0 0.02em #3c4665, + 24px 96px 0 0.02em #3c4665, 30px 96px 0 0.02em #3c4665, + 36px 96px 0 0.02em #3c4665, 42px 96px 0 0.02em #596985, 48px 96px 0 0.02em, + 6px 102px 0 0.02em, 12px 102px 0 0.02em #3c4665, + 18px 102px 0 0.02em #3c4665, 24px 102px 0 0.02em #3c4665, + 30px 102px 0 0.02em #3c4665, 36px 102px 0 0.02em #3c4665, + 42px 102px 0 0.02em #596985, 48px 102px 0 0.02em, 6px 108px 0 0.02em, + 12px 108px 0 0.02em #3c4665, 18px 108px 0 0.02em #3c4665, + 24px 108px 0 0.02em #3c4665, 30px 108px 0 0.02em #3c4665, + 36px 108px 0 0.02em #3c4665, 42px 108px 0 0.02em #596985, + 48px 108px 0 0.02em, 6px 114px 0 0.02em, 12px 114px 0 0.02em, + 18px 114px 0 0.02em #3c4665, 24px 114px 0 0.02em #3c4665, + 30px 114px 0 0.02em #3c4665, 36px 114px 0 0.02em #3c4665, + 42px 114px 0 0.02em #596985, 48px 114px 0 0.02em, 12px 120px 0 0.02em, + 18px 120px 0 0.02em, 24px 120px 0 0.02em #3c4665, + 30px 120px 0 0.02em #3c4665, 36px 120px 0 0.02em #3c4665, + 42px 120px 0 0.02em #596985, 48px 120px 0 0.02em, 18px 126px 0 0.02em, + 24px 126px 0 0.02em, 30px 126px 0 0.02em, 36px 126px 0 0.02em, + 42px 126px 0 0.02em, 48px 126px 0 0.02em; + } +} + +.nes-smartphone { + position: relative; + display: inline-block; + width: 90px; + height: 162px; +} + +.nes-smartphone::before { + position: absolute; + top: -6px; + left: -6px; + content: ""; + background: transparent; + width: 6px; + height: 6px; + color: #060606; + box-shadow: 12px 6px, 18px 6px, 24px 6px, 30px 6px, 36px 6px, 42px 6px, + 48px 6px, 54px 6px, 60px 6px, 66px 6px, 72px 6px, 78px 6px, 84px 6px, + 6px 12px, 12px 12px, 18px 12px #fff, 24px 12px #fff, 30px 12px #fff, + 36px 12px #fff, 42px 12px #fff, 48px 12px #fff, 54px 12px #fff, + 60px 12px #fff, 66px 12px #fff, 72px 12px #fff, 78px 12px #fff, 84px 12px, + 90px 12px, 6px 18px, 12px 18px #fff, 18px 18px #fff, 24px 18px #fff, + 30px 18px, 36px 18px, 42px 18px, 48px 18px, 54px 18px, 60px 18px, 66px 18px, + 72px 18px #fff, 78px 18px #fff, 84px 18px #fff, 90px 18px, 6px 24px, + 12px 24px #fff, 18px 24px #fff, 24px 24px #fff, 30px 24px #fff, + 36px 24px #fff, 42px 24px #fff, 48px 24px #fff, 54px 24px #fff, + 60px 24px #fff, 66px 24px #fff, 72px 24px #fff, 78px 24px #fff, + 84px 24px #fff, 90px 24px, 6px 30px, 12px 30px #fff, 18px 30px, 24px 30px, + 30px 30px, 36px 30px, 42px 30px, 48px 30px, 54px 30px, 60px 30px, 66px 30px, + 72px 30px, 78px 30px, 84px 30px #fff, 90px 30px, 6px 36px, 12px 36px #fff, + 18px 36px, 24px 36px, 30px 36px, 36px 36px, 42px 36px, 48px 36px, 54px 36px, + 60px 36px, 66px 36px, 72px 36px, 78px 36px, 84px 36px #fff, 90px 36px, + 6px 42px, 12px 42px #fff, 18px 42px, 24px 42px, 30px 42px, 36px 42px, + 42px 42px, 48px 42px, 54px 42px, 60px 42px, 66px 42px, 72px 42px, 78px 42px, + 84px 42px #fff, 90px 42px, 6px 48px, 12px 48px #fff, 18px 48px, 24px 48px, + 30px 48px, 36px 48px, 42px 48px, 48px 48px, 54px 48px, 60px 48px, 66px 48px, + 72px 48px, 78px 48px, 84px 48px #fff, 90px 48px, 6px 54px, 12px 54px #fff, + 18px 54px, 24px 54px, 30px 54px, 36px 54px, 42px 54px, 48px 54px, 54px 54px, + 60px 54px, 66px 54px, 72px 54px, 78px 54px, 84px 54px #fff, 90px 54px, + 6px 60px, 12px 60px #fff, 18px 60px, 24px 60px, 30px 60px, 36px 60px, + 42px 60px, 48px 60px, 54px 60px, 60px 60px, 66px 60px, 72px 60px, 78px 60px, + 84px 60px #fff, 90px 60px, 6px 66px, 12px 66px #fff, 18px 66px, 24px 66px, + 30px 66px, 36px 66px, 42px 66px, 48px 66px, 54px 66px, 60px 66px, 66px 66px, + 72px 66px, 78px 66px, 84px 66px #fff, 90px 66px, 6px 72px, 12px 72px #fff, + 18px 72px, 24px 72px, 30px 72px, 36px 72px, 42px 72px, 48px 72px, 54px 72px, + 60px 72px, 66px 72px, 72px 72px, 78px 72px, 84px 72px #fff, 90px 72px, + 6px 78px, 12px 78px #fff, 18px 78px, 24px 78px, 30px 78px, 36px 78px, + 42px 78px, 48px 78px, 54px 78px, 60px 78px, 66px 78px, 72px 78px, 78px 78px, + 84px 78px #fff, 90px 78px, 6px 84px, 12px 84px #fff, 18px 84px, 24px 84px, + 30px 84px, 36px 84px, 42px 84px, 48px 84px, 54px 84px, 60px 84px, 66px 84px, + 72px 84px, 78px 84px, 84px 84px #fff, 90px 84px, 6px 90px, 12px 90px #fff, + 18px 90px, 24px 90px, 30px 90px, 36px 90px, 42px 90px, 48px 90px, 54px 90px, + 60px 90px, 66px 90px, 72px 90px, 78px 90px, 84px 90px #fff, 90px 90px, + 6px 96px, 12px 96px #fff, 18px 96px, 24px 96px, 30px 96px, 36px 96px, + 42px 96px, 48px 96px, 54px 96px, 60px 96px, 66px 96px, 72px 96px, 78px 96px, + 84px 96px #fff, 90px 96px, 6px 102px, 12px 102px #fff, 18px 102px, + 24px 102px, 30px 102px, 36px 102px, 42px 102px, 48px 102px, 54px 102px, + 60px 102px, 66px 102px, 72px 102px, 78px 102px, 84px 102px #fff, 90px 102px, + 6px 108px, 12px 108px #fff, 18px 108px, 24px 108px, 30px 108px, 36px 108px, + 42px 108px, 48px 108px, 54px 108px, 60px 108px, 66px 108px, 72px 108px, + 78px 108px, 84px 108px #fff, 90px 108px, 6px 114px, 12px 114px #fff, + 18px 114px, 24px 114px, 30px 114px, 36px 114px, 42px 114px, 48px 114px, + 54px 114px, 60px 114px, 66px 114px, 72px 114px, 78px 114px, 84px 114px #fff, + 90px 114px, 6px 120px, 12px 120px #fff, 18px 120px, 24px 120px, 30px 120px, + 36px 120px, 42px 120px, 48px 120px, 54px 120px, 60px 120px, 66px 120px, + 72px 120px, 78px 120px, 84px 120px #fff, 90px 120px, 6px 126px, + 12px 126px #fff, 18px 126px, 24px 126px, 30px 126px, 36px 126px, 42px 126px, + 48px 126px, 54px 126px, 60px 126px, 66px 126px, 72px 126px, 78px 126px, + 84px 126px #fff, 90px 126px, 6px 132px, 12px 132px #fff, 18px 132px, + 24px 132px, 30px 132px, 36px 132px, 42px 132px, 48px 132px, 54px 132px, + 60px 132px, 66px 132px, 72px 132px, 78px 132px, 84px 132px #fff, 90px 132px, + 6px 138px, 12px 138px #fff, 18px 138px #fff, 24px 138px #fff, + 30px 138px #fff, 36px 138px #fff, 42px 138px #fff, 48px 138px #fff, + 54px 138px #fff, 60px 138px #fff, 66px 138px #fff, 72px 138px #fff, + 78px 138px #fff, 84px 138px #fff, 90px 138px, 6px 144px, 12px 144px #fff, + 18px 144px #fff, 24px 144px #fff, 30px 144px #fff, 36px 144px #fff, + 42px 144px #fff, 48px 144px, 54px 144px, 60px 144px #fff, 66px 144px #fff, + 72px 144px #fff, 78px 144px #fff, 84px 144px #fff, 90px 144px, 6px 150px, + 12px 150px #fff, 18px 150px #fff, 24px 150px #fff, 30px 150px #fff, + 36px 150px #fff, 42px 150px #fff, 48px 150px, 54px 150px, 60px 150px #fff, + 66px 150px #fff, 72px 150px #fff, 78px 150px #fff, 84px 150px #fff, + 90px 150px, 6px 156px, 12px 156px, 18px 156px #fff, 24px 156px #fff, + 30px 156px #fff, 36px 156px #fff, 42px 156px #fff, 48px 156px #fff, + 54px 156px #fff, 60px 156px #fff, 66px 156px #fff, 72px 156px #fff, + 78px 156px #fff, 84px 156px, 90px 156px, 12px 162px, 18px 162px, 24px 162px, + 30px 162px, 36px 162px, 42px 162px, 48px 162px, 54px 162px, 60px 162px, + 66px 162px, 72px 162px, 78px 162px, 84px 162px; + transform: rotate(0); +} + +@supports (-moz-appearance: meterbar) { + .nes-smartphone::before { + box-shadow: 12px 6px 0 0.02em, 18px 6px 0 0.02em, 24px 6px 0 0.02em, + 30px 6px 0 0.02em, 36px 6px 0 0.02em, 42px 6px 0 0.02em, 48px 6px 0 0.02em, + 54px 6px 0 0.02em, 60px 6px 0 0.02em, 66px 6px 0 0.02em, 72px 6px 0 0.02em, + 78px 6px 0 0.02em, 84px 6px 0 0.02em, 6px 12px 0 0.02em, + 12px 12px 0 0.02em, 18px 12px 0 0.02em #fff, 24px 12px 0 0.02em #fff, + 30px 12px 0 0.02em #fff, 36px 12px 0 0.02em #fff, 42px 12px 0 0.02em #fff, + 48px 12px 0 0.02em #fff, 54px 12px 0 0.02em #fff, 60px 12px 0 0.02em #fff, + 66px 12px 0 0.02em #fff, 72px 12px 0 0.02em #fff, 78px 12px 0 0.02em #fff, + 84px 12px 0 0.02em, 90px 12px 0 0.02em, 6px 18px 0 0.02em, + 12px 18px 0 0.02em #fff, 18px 18px 0 0.02em #fff, 24px 18px 0 0.02em #fff, + 30px 18px 0 0.02em, 36px 18px 0 0.02em, 42px 18px 0 0.02em, + 48px 18px 0 0.02em, 54px 18px 0 0.02em, 60px 18px 0 0.02em, + 66px 18px 0 0.02em, 72px 18px 0 0.02em #fff, 78px 18px 0 0.02em #fff, + 84px 18px 0 0.02em #fff, 90px 18px 0 0.02em, 6px 24px 0 0.02em, + 12px 24px 0 0.02em #fff, 18px 24px 0 0.02em #fff, 24px 24px 0 0.02em #fff, + 30px 24px 0 0.02em #fff, 36px 24px 0 0.02em #fff, 42px 24px 0 0.02em #fff, + 48px 24px 0 0.02em #fff, 54px 24px 0 0.02em #fff, 60px 24px 0 0.02em #fff, + 66px 24px 0 0.02em #fff, 72px 24px 0 0.02em #fff, 78px 24px 0 0.02em #fff, + 84px 24px 0 0.02em #fff, 90px 24px 0 0.02em, 6px 30px 0 0.02em, + 12px 30px 0 0.02em #fff, 18px 30px 0 0.02em, 24px 30px 0 0.02em, + 30px 30px 0 0.02em, 36px 30px 0 0.02em, 42px 30px 0 0.02em, + 48px 30px 0 0.02em, 54px 30px 0 0.02em, 60px 30px 0 0.02em, + 66px 30px 0 0.02em, 72px 30px 0 0.02em, 78px 30px 0 0.02em, + 84px 30px 0 0.02em #fff, 90px 30px 0 0.02em, 6px 36px 0 0.02em, + 12px 36px 0 0.02em #fff, 18px 36px 0 0.02em, 24px 36px 0 0.02em, + 30px 36px 0 0.02em, 36px 36px 0 0.02em, 42px 36px 0 0.02em, + 48px 36px 0 0.02em, 54px 36px 0 0.02em, 60px 36px 0 0.02em, + 66px 36px 0 0.02em, 72px 36px 0 0.02em, 78px 36px 0 0.02em, + 84px 36px 0 0.02em #fff, 90px 36px 0 0.02em, 6px 42px 0 0.02em, + 12px 42px 0 0.02em #fff, 18px 42px 0 0.02em, 24px 42px 0 0.02em, + 30px 42px 0 0.02em, 36px 42px 0 0.02em, 42px 42px 0 0.02em, + 48px 42px 0 0.02em, 54px 42px 0 0.02em, 60px 42px 0 0.02em, + 66px 42px 0 0.02em, 72px 42px 0 0.02em, 78px 42px 0 0.02em, + 84px 42px 0 0.02em #fff, 90px 42px 0 0.02em, 6px 48px 0 0.02em, + 12px 48px 0 0.02em #fff, 18px 48px 0 0.02em, 24px 48px 0 0.02em, + 30px 48px 0 0.02em, 36px 48px 0 0.02em, 42px 48px 0 0.02em, + 48px 48px 0 0.02em, 54px 48px 0 0.02em, 60px 48px 0 0.02em, + 66px 48px 0 0.02em, 72px 48px 0 0.02em, 78px 48px 0 0.02em, + 84px 48px 0 0.02em #fff, 90px 48px 0 0.02em, 6px 54px 0 0.02em, + 12px 54px 0 0.02em #fff, 18px 54px 0 0.02em, 24px 54px 0 0.02em, + 30px 54px 0 0.02em, 36px 54px 0 0.02em, 42px 54px 0 0.02em, + 48px 54px 0 0.02em, 54px 54px 0 0.02em, 60px 54px 0 0.02em, + 66px 54px 0 0.02em, 72px 54px 0 0.02em, 78px 54px 0 0.02em, + 84px 54px 0 0.02em #fff, 90px 54px 0 0.02em, 6px 60px 0 0.02em, + 12px 60px 0 0.02em #fff, 18px 60px 0 0.02em, 24px 60px 0 0.02em, + 30px 60px 0 0.02em, 36px 60px 0 0.02em, 42px 60px 0 0.02em, + 48px 60px 0 0.02em, 54px 60px 0 0.02em, 60px 60px 0 0.02em, + 66px 60px 0 0.02em, 72px 60px 0 0.02em, 78px 60px 0 0.02em, + 84px 60px 0 0.02em #fff, 90px 60px 0 0.02em, 6px 66px 0 0.02em, + 12px 66px 0 0.02em #fff, 18px 66px 0 0.02em, 24px 66px 0 0.02em, + 30px 66px 0 0.02em, 36px 66px 0 0.02em, 42px 66px 0 0.02em, + 48px 66px 0 0.02em, 54px 66px 0 0.02em, 60px 66px 0 0.02em, + 66px 66px 0 0.02em, 72px 66px 0 0.02em, 78px 66px 0 0.02em, + 84px 66px 0 0.02em #fff, 90px 66px 0 0.02em, 6px 72px 0 0.02em, + 12px 72px 0 0.02em #fff, 18px 72px 0 0.02em, 24px 72px 0 0.02em, + 30px 72px 0 0.02em, 36px 72px 0 0.02em, 42px 72px 0 0.02em, + 48px 72px 0 0.02em, 54px 72px 0 0.02em, 60px 72px 0 0.02em, + 66px 72px 0 0.02em, 72px 72px 0 0.02em, 78px 72px 0 0.02em, + 84px 72px 0 0.02em #fff, 90px 72px 0 0.02em, 6px 78px 0 0.02em, + 12px 78px 0 0.02em #fff, 18px 78px 0 0.02em, 24px 78px 0 0.02em, + 30px 78px 0 0.02em, 36px 78px 0 0.02em, 42px 78px 0 0.02em, + 48px 78px 0 0.02em, 54px 78px 0 0.02em, 60px 78px 0 0.02em, + 66px 78px 0 0.02em, 72px 78px 0 0.02em, 78px 78px 0 0.02em, + 84px 78px 0 0.02em #fff, 90px 78px 0 0.02em, 6px 84px 0 0.02em, + 12px 84px 0 0.02em #fff, 18px 84px 0 0.02em, 24px 84px 0 0.02em, + 30px 84px 0 0.02em, 36px 84px 0 0.02em, 42px 84px 0 0.02em, + 48px 84px 0 0.02em, 54px 84px 0 0.02em, 60px 84px 0 0.02em, + 66px 84px 0 0.02em, 72px 84px 0 0.02em, 78px 84px 0 0.02em, + 84px 84px 0 0.02em #fff, 90px 84px 0 0.02em, 6px 90px 0 0.02em, + 12px 90px 0 0.02em #fff, 18px 90px 0 0.02em, 24px 90px 0 0.02em, + 30px 90px 0 0.02em, 36px 90px 0 0.02em, 42px 90px 0 0.02em, + 48px 90px 0 0.02em, 54px 90px 0 0.02em, 60px 90px 0 0.02em, + 66px 90px 0 0.02em, 72px 90px 0 0.02em, 78px 90px 0 0.02em, + 84px 90px 0 0.02em #fff, 90px 90px 0 0.02em, 6px 96px 0 0.02em, + 12px 96px 0 0.02em #fff, 18px 96px 0 0.02em, 24px 96px 0 0.02em, + 30px 96px 0 0.02em, 36px 96px 0 0.02em, 42px 96px 0 0.02em, + 48px 96px 0 0.02em, 54px 96px 0 0.02em, 60px 96px 0 0.02em, + 66px 96px 0 0.02em, 72px 96px 0 0.02em, 78px 96px 0 0.02em, + 84px 96px 0 0.02em #fff, 90px 96px 0 0.02em, 6px 102px 0 0.02em, + 12px 102px 0 0.02em #fff, 18px 102px 0 0.02em, 24px 102px 0 0.02em, + 30px 102px 0 0.02em, 36px 102px 0 0.02em, 42px 102px 0 0.02em, + 48px 102px 0 0.02em, 54px 102px 0 0.02em, 60px 102px 0 0.02em, + 66px 102px 0 0.02em, 72px 102px 0 0.02em, 78px 102px 0 0.02em, + 84px 102px 0 0.02em #fff, 90px 102px 0 0.02em, 6px 108px 0 0.02em, + 12px 108px 0 0.02em #fff, 18px 108px 0 0.02em, 24px 108px 0 0.02em, + 30px 108px 0 0.02em, 36px 108px 0 0.02em, 42px 108px 0 0.02em, + 48px 108px 0 0.02em, 54px 108px 0 0.02em, 60px 108px 0 0.02em, + 66px 108px 0 0.02em, 72px 108px 0 0.02em, 78px 108px 0 0.02em, + 84px 108px 0 0.02em #fff, 90px 108px 0 0.02em, 6px 114px 0 0.02em, + 12px 114px 0 0.02em #fff, 18px 114px 0 0.02em, 24px 114px 0 0.02em, + 30px 114px 0 0.02em, 36px 114px 0 0.02em, 42px 114px 0 0.02em, + 48px 114px 0 0.02em, 54px 114px 0 0.02em, 60px 114px 0 0.02em, + 66px 114px 0 0.02em, 72px 114px 0 0.02em, 78px 114px 0 0.02em, + 84px 114px 0 0.02em #fff, 90px 114px 0 0.02em, 6px 120px 0 0.02em, + 12px 120px 0 0.02em #fff, 18px 120px 0 0.02em, 24px 120px 0 0.02em, + 30px 120px 0 0.02em, 36px 120px 0 0.02em, 42px 120px 0 0.02em, + 48px 120px 0 0.02em, 54px 120px 0 0.02em, 60px 120px 0 0.02em, + 66px 120px 0 0.02em, 72px 120px 0 0.02em, 78px 120px 0 0.02em, + 84px 120px 0 0.02em #fff, 90px 120px 0 0.02em, 6px 126px 0 0.02em, + 12px 126px 0 0.02em #fff, 18px 126px 0 0.02em, 24px 126px 0 0.02em, + 30px 126px 0 0.02em, 36px 126px 0 0.02em, 42px 126px 0 0.02em, + 48px 126px 0 0.02em, 54px 126px 0 0.02em, 60px 126px 0 0.02em, + 66px 126px 0 0.02em, 72px 126px 0 0.02em, 78px 126px 0 0.02em, + 84px 126px 0 0.02em #fff, 90px 126px 0 0.02em, 6px 132px 0 0.02em, + 12px 132px 0 0.02em #fff, 18px 132px 0 0.02em, 24px 132px 0 0.02em, + 30px 132px 0 0.02em, 36px 132px 0 0.02em, 42px 132px 0 0.02em, + 48px 132px 0 0.02em, 54px 132px 0 0.02em, 60px 132px 0 0.02em, + 66px 132px 0 0.02em, 72px 132px 0 0.02em, 78px 132px 0 0.02em, + 84px 132px 0 0.02em #fff, 90px 132px 0 0.02em, 6px 138px 0 0.02em, + 12px 138px 0 0.02em #fff, 18px 138px 0 0.02em #fff, + 24px 138px 0 0.02em #fff, 30px 138px 0 0.02em #fff, + 36px 138px 0 0.02em #fff, 42px 138px 0 0.02em #fff, + 48px 138px 0 0.02em #fff, 54px 138px 0 0.02em #fff, + 60px 138px 0 0.02em #fff, 66px 138px 0 0.02em #fff, + 72px 138px 0 0.02em #fff, 78px 138px 0 0.02em #fff, + 84px 138px 0 0.02em #fff, 90px 138px 0 0.02em, 6px 144px 0 0.02em, + 12px 144px 0 0.02em #fff, 18px 144px 0 0.02em #fff, + 24px 144px 0 0.02em #fff, 30px 144px 0 0.02em #fff, + 36px 144px 0 0.02em #fff, 42px 144px 0 0.02em #fff, 48px 144px 0 0.02em, + 54px 144px 0 0.02em, 60px 144px 0 0.02em #fff, 66px 144px 0 0.02em #fff, + 72px 144px 0 0.02em #fff, 78px 144px 0 0.02em #fff, + 84px 144px 0 0.02em #fff, 90px 144px 0 0.02em, 6px 150px 0 0.02em, + 12px 150px 0 0.02em #fff, 18px 150px 0 0.02em #fff, + 24px 150px 0 0.02em #fff, 30px 150px 0 0.02em #fff, + 36px 150px 0 0.02em #fff, 42px 150px 0 0.02em #fff, 48px 150px 0 0.02em, + 54px 150px 0 0.02em, 60px 150px 0 0.02em #fff, 66px 150px 0 0.02em #fff, + 72px 150px 0 0.02em #fff, 78px 150px 0 0.02em #fff, + 84px 150px 0 0.02em #fff, 90px 150px 0 0.02em, 6px 156px 0 0.02em, + 12px 156px 0 0.02em, 18px 156px 0 0.02em #fff, 24px 156px 0 0.02em #fff, + 30px 156px 0 0.02em #fff, 36px 156px 0 0.02em #fff, + 42px 156px 0 0.02em #fff, 48px 156px 0 0.02em #fff, + 54px 156px 0 0.02em #fff, 60px 156px 0 0.02em #fff, + 66px 156px 0 0.02em #fff, 72px 156px 0 0.02em #fff, + 78px 156px 0 0.02em #fff, 84px 156px 0 0.02em, 90px 156px 0 0.02em, + 12px 162px 0 0.02em, 18px 162px 0 0.02em, 24px 162px 0 0.02em, + 30px 162px 0 0.02em, 36px 162px 0 0.02em, 42px 162px 0 0.02em, + 48px 162px 0 0.02em, 54px 162px 0 0.02em, 60px 162px 0 0.02em, + 66px 162px 0 0.02em, 72px 162px 0 0.02em, 78px 162px 0 0.02em, + 84px 162px 0 0.02em; + } +} + +.nes-mario { + position: relative; + display: inline-block; + width: 84px; + height: 96px; +} + +.nes-mario::before { + position: absolute; + top: -6px; + left: -6px; + content: ""; + background: transparent; + width: 6px; + height: 6px; + color: #f81c2f; + box-shadow: 30px 6px, 36px 6px, 42px 6px, 48px 6px, 54px 6px, 24px 12px, + 30px 12px, 36px 12px, 42px 12px, 48px 12px, 54px 12px, 60px 12px, 66px 12px, + 72px 12px, 24px 18px #65352b, 30px 18px #65352b, 36px 18px #65352b, + 42px 18px #ffbb8e, 48px 18px #ffbb8e, 54px 18px #000, 60px 18px #ffbb8e, + 18px 24px #65352b, 24px 24px #ffbb8e, 30px 24px #65352b, 36px 24px #ffbb8e, + 42px 24px #ffbb8e, 48px 24px #ffbb8e, 54px 24px #000, 60px 24px #ffbb8e, + 66px 24px #ffbb8e, 72px 24px #ffbb8e, 18px 30px #65352b, 24px 30px #ffbb8e, + 30px 30px #65352b, 36px 30px #65352b, 42px 30px #ffbb8e, 48px 30px #ffbb8e, + 54px 30px #ffbb8e, 60px 30px #000, 66px 30px #ffbb8e, 72px 30px #ffbb8e, + 78px 30px #ffbb8e, 18px 36px #65352b, 24px 36px #65352b, 30px 36px #ffbb8e, + 36px 36px #ffbb8e, 42px 36px #ffbb8e, 48px 36px #ffbb8e, 54px 36px #000, + 60px 36px #000, 66px 36px #000, 72px 36px #000, 30px 42px #ffbb8e, + 36px 42px #ffbb8e, 42px 42px #ffbb8e, 48px 42px #ffbb8e, 54px 42px #ffbb8e, + 60px 42px #ffbb8e, 66px 42px #ffbb8e, 30px 48px, 36px 48px #1560ad, + 42px 48px, 48px 48px, 54px 48px #1560ad, 18px 54px, 24px 54px, 30px 54px, + 36px 54px #1560ad, 42px 54px, 48px 54px, 54px 54px #1560ad, 60px 54px, + 66px 54px, 72px 54px, 12px 60px, 18px 60px, 24px 60px, 30px 60px, + 36px 60px #1560ad, 42px 60px #1560ad, 48px 60px #1560ad, 54px 60px #1560ad, + 60px 60px, 66px 60px, 72px 60px, 78px 60px, 12px 66px #aeaeac, + 18px 66px #aeaeac, 24px 66px, 30px 66px #1560ad, 36px 66px #fef102, + 42px 66px #1560ad, 48px 66px #1560ad, 54px 66px #fef102, 60px 66px #1560ad, + 66px 66px, 72px 66px #aeaeac, 78px 66px #aeaeac, 12px 72px #aeaeac, + 18px 72px #aeaeac, 24px 72px #aeaeac, 30px 72px #1560ad, 36px 72px #1560ad, + 42px 72px #1560ad, 48px 72px #1560ad, 54px 72px #1560ad, 60px 72px #1560ad, + 66px 72px #aeaeac, 72px 72px #aeaeac, 78px 72px #aeaeac, 12px 78px #aeaeac, + 18px 78px #aeaeac, 24px 78px #1560ad, 30px 78px #1560ad, 36px 78px #1560ad, + 42px 78px #1560ad, 48px 78px #1560ad, 54px 78px #1560ad, 60px 78px #1560ad, + 66px 78px #1560ad, 72px 78px #aeaeac, 78px 78px #aeaeac, 24px 84px #1560ad, + 30px 84px #1560ad, 36px 84px #1560ad, 54px 84px #1560ad, 60px 84px #1560ad, + 66px 84px #1560ad, 18px 90px #65352b, 24px 90px #65352b, 30px 90px #65352b, + 60px 90px #65352b, 66px 90px #65352b, 72px 90px #65352b, 12px 96px #65352b, + 18px 96px #65352b, 24px 96px #65352b, 30px 96px #65352b, 60px 96px #65352b, + 66px 96px #65352b, 72px 96px #65352b, 78px 96px #65352b; + transform: rotate(0); +} + +@supports (-moz-appearance: meterbar) { + .nes-mario::before { + box-shadow: 30px 6px 0 0.02em, 36px 6px 0 0.02em, 42px 6px 0 0.02em, + 48px 6px 0 0.02em, 54px 6px 0 0.02em, 24px 12px 0 0.02em, + 30px 12px 0 0.02em, 36px 12px 0 0.02em, 42px 12px 0 0.02em, + 48px 12px 0 0.02em, 54px 12px 0 0.02em, 60px 12px 0 0.02em, + 66px 12px 0 0.02em, 72px 12px 0 0.02em, 24px 18px 0 0.02em #65352b, + 30px 18px 0 0.02em #65352b, 36px 18px 0 0.02em #65352b, + 42px 18px 0 0.02em #ffbb8e, 48px 18px 0 0.02em #ffbb8e, + 54px 18px 0 0.02em #000, 60px 18px 0 0.02em #ffbb8e, + 18px 24px 0 0.02em #65352b, 24px 24px 0 0.02em #ffbb8e, + 30px 24px 0 0.02em #65352b, 36px 24px 0 0.02em #ffbb8e, + 42px 24px 0 0.02em #ffbb8e, 48px 24px 0 0.02em #ffbb8e, + 54px 24px 0 0.02em #000, 60px 24px 0 0.02em #ffbb8e, + 66px 24px 0 0.02em #ffbb8e, 72px 24px 0 0.02em #ffbb8e, + 18px 30px 0 0.02em #65352b, 24px 30px 0 0.02em #ffbb8e, + 30px 30px 0 0.02em #65352b, 36px 30px 0 0.02em #65352b, + 42px 30px 0 0.02em #ffbb8e, 48px 30px 0 0.02em #ffbb8e, + 54px 30px 0 0.02em #ffbb8e, 60px 30px 0 0.02em #000, + 66px 30px 0 0.02em #ffbb8e, 72px 30px 0 0.02em #ffbb8e, + 78px 30px 0 0.02em #ffbb8e, 18px 36px 0 0.02em #65352b, + 24px 36px 0 0.02em #65352b, 30px 36px 0 0.02em #ffbb8e, + 36px 36px 0 0.02em #ffbb8e, 42px 36px 0 0.02em #ffbb8e, + 48px 36px 0 0.02em #ffbb8e, 54px 36px 0 0.02em #000, + 60px 36px 0 0.02em #000, 66px 36px 0 0.02em #000, 72px 36px 0 0.02em #000, + 30px 42px 0 0.02em #ffbb8e, 36px 42px 0 0.02em #ffbb8e, + 42px 42px 0 0.02em #ffbb8e, 48px 42px 0 0.02em #ffbb8e, + 54px 42px 0 0.02em #ffbb8e, 60px 42px 0 0.02em #ffbb8e, + 66px 42px 0 0.02em #ffbb8e, 30px 48px 0 0.02em, 36px 48px 0 0.02em #1560ad, + 42px 48px 0 0.02em, 48px 48px 0 0.02em, 54px 48px 0 0.02em #1560ad, + 18px 54px 0 0.02em, 24px 54px 0 0.02em, 30px 54px 0 0.02em, + 36px 54px 0 0.02em #1560ad, 42px 54px 0 0.02em, 48px 54px 0 0.02em, + 54px 54px 0 0.02em #1560ad, 60px 54px 0 0.02em, 66px 54px 0 0.02em, + 72px 54px 0 0.02em, 12px 60px 0 0.02em, 18px 60px 0 0.02em, + 24px 60px 0 0.02em, 30px 60px 0 0.02em, 36px 60px 0 0.02em #1560ad, + 42px 60px 0 0.02em #1560ad, 48px 60px 0 0.02em #1560ad, + 54px 60px 0 0.02em #1560ad, 60px 60px 0 0.02em, 66px 60px 0 0.02em, + 72px 60px 0 0.02em, 78px 60px 0 0.02em, 12px 66px 0 0.02em #aeaeac, + 18px 66px 0 0.02em #aeaeac, 24px 66px 0 0.02em, 30px 66px 0 0.02em #1560ad, + 36px 66px 0 0.02em #fef102, 42px 66px 0 0.02em #1560ad, + 48px 66px 0 0.02em #1560ad, 54px 66px 0 0.02em #fef102, + 60px 66px 0 0.02em #1560ad, 66px 66px 0 0.02em, 72px 66px 0 0.02em #aeaeac, + 78px 66px 0 0.02em #aeaeac, 12px 72px 0 0.02em #aeaeac, + 18px 72px 0 0.02em #aeaeac, 24px 72px 0 0.02em #aeaeac, + 30px 72px 0 0.02em #1560ad, 36px 72px 0 0.02em #1560ad, + 42px 72px 0 0.02em #1560ad, 48px 72px 0 0.02em #1560ad, + 54px 72px 0 0.02em #1560ad, 60px 72px 0 0.02em #1560ad, + 66px 72px 0 0.02em #aeaeac, 72px 72px 0 0.02em #aeaeac, + 78px 72px 0 0.02em #aeaeac, 12px 78px 0 0.02em #aeaeac, + 18px 78px 0 0.02em #aeaeac, 24px 78px 0 0.02em #1560ad, + 30px 78px 0 0.02em #1560ad, 36px 78px 0 0.02em #1560ad, + 42px 78px 0 0.02em #1560ad, 48px 78px 0 0.02em #1560ad, + 54px 78px 0 0.02em #1560ad, 60px 78px 0 0.02em #1560ad, + 66px 78px 0 0.02em #1560ad, 72px 78px 0 0.02em #aeaeac, + 78px 78px 0 0.02em #aeaeac, 24px 84px 0 0.02em #1560ad, + 30px 84px 0 0.02em #1560ad, 36px 84px 0 0.02em #1560ad, + 54px 84px 0 0.02em #1560ad, 60px 84px 0 0.02em #1560ad, + 66px 84px 0 0.02em #1560ad, 18px 90px 0 0.02em #65352b, + 24px 90px 0 0.02em #65352b, 30px 90px 0 0.02em #65352b, + 60px 90px 0 0.02em #65352b, 66px 90px 0 0.02em #65352b, + 72px 90px 0 0.02em #65352b, 12px 96px 0 0.02em #65352b, + 18px 96px 0 0.02em #65352b, 24px 96px 0 0.02em #65352b, + 30px 96px 0 0.02em #65352b, 60px 96px 0 0.02em #65352b, + 66px 96px 0 0.02em #65352b, 72px 96px 0 0.02em #65352b, + 78px 96px 0 0.02em #65352b; + } +} + +.nes-kirby { + position: relative; + display: inline-block; + width: 96px; + height: 96px; +} + +.nes-kirby::before { + position: absolute; + top: -6px; + left: -6px; + content: ""; + background: transparent; + width: 6px; + height: 6px; + color: #ffaccc; + box-shadow: 18px 6px #000, 24px 6px #000, 36px 6px #000, 42px 6px #000, + 48px 6px #000, 54px 6px #000, 60px 6px #000, 12px 12px #000, 18px 12px, + 24px 12px, 30px 12px #000, 36px 12px, 42px 12px, 48px 12px, 54px 12px, + 60px 12px, 66px 12px #000, 72px 12px #000, 6px 18px #000, 12px 18px, + 18px 18px, 24px 18px #000, 30px 18px, 36px 18px, 42px 18px, 48px 18px, + 54px 18px, 60px 18px, 66px 18px, 72px 18px, 78px 18px #000, 6px 24px #000, + 12px 24px, 18px 24px, 24px 24px, 30px 24px, 36px 24px, 42px 24px #000, + 48px 24px, 54px 24px #000, 60px 24px, 66px 24px, 72px 24px, 78px 24px, + 84px 24px #000, 6px 30px #000, 12px 30px, 18px 30px, 24px 30px, 30px 30px, + 36px 30px, 42px 30px #000, 48px 30px, 54px 30px #000, 60px 30px, 66px 30px, + 72px 30px, 78px 30px, 84px 30px #000, 6px 36px #000, 12px 36px, 18px 36px, + 24px 36px, 30px 36px, 36px 36px, 42px 36px #000, 48px 36px, 54px 36px #000, + 60px 36px, 66px 36px, 72px 36px, 78px 36px, 84px 36px, 90px 36px #000, + 6px 42px #000, 12px 42px, 18px 42px, 24px 42px, 30px 42px #ff5478, + 36px 42px #ff5478, 42px 42px, 48px 42px, 54px 42px, 60px 42px #ff5478, + 66px 42px #ff5478, 72px 42px, 78px 42px, 84px 42px, 90px 42px, + 96px 42px #000, 6px 48px #000, 12px 48px, 18px 48px, 24px 48px, 30px 48px, + 36px 48px, 42px 48px, 48px 48px #000, 54px 48px, 60px 48px, 66px 48px, + 72px 48px, 78px 48px, 84px 48px, 90px 48px, 96px 48px #000, 12px 54px #000, + 18px 54px, 24px 54px, 30px 54px, 36px 54px, 42px 54px, 48px 54px #000, + 54px 54px, 60px 54px, 66px 54px, 72px 54px, 78px 54px, 84px 54px, 90px 54px, + 96px 54px #000, 12px 60px #000, 18px 60px, 24px 60px, 30px 60px, 36px 60px, + 42px 60px, 48px 60px, 54px 60px, 60px 60px, 66px 60px, 72px 60px, + 78px 60px #000, 84px 60px #000, 90px 60px #000, 12px 66px #000, 18px 66px, + 24px 66px, 30px 66px, 36px 66px, 42px 66px, 48px 66px, 54px 66px, 60px 66px, + 66px 66px, 72px 66px #000, 78px 66px #ff5478, 84px 66px #ff5478, + 90px 66px #ff5478, 96px 66px #000, 18px 72px #000, 24px 72px, 30px 72px, + 36px 72px, 42px 72px, 48px 72px, 54px 72px, 60px 72px, 66px 72px #000, + 72px 72px #ff5478, 78px 72px #ff5478, 84px 72px #ff5478, 90px 72px #ff5478, + 96px 72px #000, 18px 78px #000, 24px 78px #000, 30px 78px, 36px 78px, + 42px 78px, 48px 78px, 54px 78px, 60px 78px, 66px 78px #000, + 72px 78px #ff5478, 78px 78px #ff5478, 84px 78px #ff5478, 90px 78px #ff5478, + 96px 78px #000, 12px 84px #000, 18px 84px #ff5478, 24px 84px #ff5478, + 30px 84px #000, 36px 84px #000, 42px 84px, 48px 84px, 54px 84px, + 60px 84px #000, 66px 84px #ff5478, 72px 84px #ff5478, 78px 84px #ff5478, + 84px 84px #ff5478, 90px 84px #000, 6px 90px #000, 12px 90px #ff5478, + 18px 90px #ff5478, 24px 90px #ff5478, 30px 90px #ff5478, 36px 90px #ff5478, + 42px 90px #000, 48px 90px #000, 54px 90px #000, 60px 90px #000, + 66px 90px #000, 72px 90px #ff5478, 78px 90px #ff5478, 84px 90px #000, + 12px 96px #000, 18px 96px #000, 24px 96px #000, 30px 96px #000, + 36px 96px #000, 42px 96px #000, 66px 96px #000, 72px 96px #000, + 78px 96px #000; + transform: rotate(0); +} + +@supports (-moz-appearance: meterbar) { + .nes-kirby::before { + box-shadow: 18px 6px 0 0.02em #000, 24px 6px 0 0.02em #000, + 36px 6px 0 0.02em #000, 42px 6px 0 0.02em #000, 48px 6px 0 0.02em #000, + 54px 6px 0 0.02em #000, 60px 6px 0 0.02em #000, 12px 12px 0 0.02em #000, + 18px 12px 0 0.02em, 24px 12px 0 0.02em, 30px 12px 0 0.02em #000, + 36px 12px 0 0.02em, 42px 12px 0 0.02em, 48px 12px 0 0.02em, + 54px 12px 0 0.02em, 60px 12px 0 0.02em, 66px 12px 0 0.02em #000, + 72px 12px 0 0.02em #000, 6px 18px 0 0.02em #000, 12px 18px 0 0.02em, + 18px 18px 0 0.02em, 24px 18px 0 0.02em #000, 30px 18px 0 0.02em, + 36px 18px 0 0.02em, 42px 18px 0 0.02em, 48px 18px 0 0.02em, + 54px 18px 0 0.02em, 60px 18px 0 0.02em, 66px 18px 0 0.02em, + 72px 18px 0 0.02em, 78px 18px 0 0.02em #000, 6px 24px 0 0.02em #000, + 12px 24px 0 0.02em, 18px 24px 0 0.02em, 24px 24px 0 0.02em, + 30px 24px 0 0.02em, 36px 24px 0 0.02em, 42px 24px 0 0.02em #000, + 48px 24px 0 0.02em, 54px 24px 0 0.02em #000, 60px 24px 0 0.02em, + 66px 24px 0 0.02em, 72px 24px 0 0.02em, 78px 24px 0 0.02em, + 84px 24px 0 0.02em #000, 6px 30px 0 0.02em #000, 12px 30px 0 0.02em, + 18px 30px 0 0.02em, 24px 30px 0 0.02em, 30px 30px 0 0.02em, + 36px 30px 0 0.02em, 42px 30px 0 0.02em #000, 48px 30px 0 0.02em, + 54px 30px 0 0.02em #000, 60px 30px 0 0.02em, 66px 30px 0 0.02em, + 72px 30px 0 0.02em, 78px 30px 0 0.02em, 84px 30px 0 0.02em #000, + 6px 36px 0 0.02em #000, 12px 36px 0 0.02em, 18px 36px 0 0.02em, + 24px 36px 0 0.02em, 30px 36px 0 0.02em, 36px 36px 0 0.02em, + 42px 36px 0 0.02em #000, 48px 36px 0 0.02em, 54px 36px 0 0.02em #000, + 60px 36px 0 0.02em, 66px 36px 0 0.02em, 72px 36px 0 0.02em, + 78px 36px 0 0.02em, 84px 36px 0 0.02em, 90px 36px 0 0.02em #000, + 6px 42px 0 0.02em #000, 12px 42px 0 0.02em, 18px 42px 0 0.02em, + 24px 42px 0 0.02em, 30px 42px 0 0.02em #ff5478, 36px 42px 0 0.02em #ff5478, + 42px 42px 0 0.02em, 48px 42px 0 0.02em, 54px 42px 0 0.02em, + 60px 42px 0 0.02em #ff5478, 66px 42px 0 0.02em #ff5478, 72px 42px 0 0.02em, + 78px 42px 0 0.02em, 84px 42px 0 0.02em, 90px 42px 0 0.02em, + 96px 42px 0 0.02em #000, 6px 48px 0 0.02em #000, 12px 48px 0 0.02em, + 18px 48px 0 0.02em, 24px 48px 0 0.02em, 30px 48px 0 0.02em, + 36px 48px 0 0.02em, 42px 48px 0 0.02em, 48px 48px 0 0.02em #000, + 54px 48px 0 0.02em, 60px 48px 0 0.02em, 66px 48px 0 0.02em, + 72px 48px 0 0.02em, 78px 48px 0 0.02em, 84px 48px 0 0.02em, + 90px 48px 0 0.02em, 96px 48px 0 0.02em #000, 12px 54px 0 0.02em #000, + 18px 54px 0 0.02em, 24px 54px 0 0.02em, 30px 54px 0 0.02em, + 36px 54px 0 0.02em, 42px 54px 0 0.02em, 48px 54px 0 0.02em #000, + 54px 54px 0 0.02em, 60px 54px 0 0.02em, 66px 54px 0 0.02em, + 72px 54px 0 0.02em, 78px 54px 0 0.02em, 84px 54px 0 0.02em, + 90px 54px 0 0.02em, 96px 54px 0 0.02em #000, 12px 60px 0 0.02em #000, + 18px 60px 0 0.02em, 24px 60px 0 0.02em, 30px 60px 0 0.02em, + 36px 60px 0 0.02em, 42px 60px 0 0.02em, 48px 60px 0 0.02em, + 54px 60px 0 0.02em, 60px 60px 0 0.02em, 66px 60px 0 0.02em, + 72px 60px 0 0.02em, 78px 60px 0 0.02em #000, 84px 60px 0 0.02em #000, + 90px 60px 0 0.02em #000, 12px 66px 0 0.02em #000, 18px 66px 0 0.02em, + 24px 66px 0 0.02em, 30px 66px 0 0.02em, 36px 66px 0 0.02em, + 42px 66px 0 0.02em, 48px 66px 0 0.02em, 54px 66px 0 0.02em, + 60px 66px 0 0.02em, 66px 66px 0 0.02em, 72px 66px 0 0.02em #000, + 78px 66px 0 0.02em #ff5478, 84px 66px 0 0.02em #ff5478, + 90px 66px 0 0.02em #ff5478, 96px 66px 0 0.02em #000, + 18px 72px 0 0.02em #000, 24px 72px 0 0.02em, 30px 72px 0 0.02em, + 36px 72px 0 0.02em, 42px 72px 0 0.02em, 48px 72px 0 0.02em, + 54px 72px 0 0.02em, 60px 72px 0 0.02em, 66px 72px 0 0.02em #000, + 72px 72px 0 0.02em #ff5478, 78px 72px 0 0.02em #ff5478, + 84px 72px 0 0.02em #ff5478, 90px 72px 0 0.02em #ff5478, + 96px 72px 0 0.02em #000, 18px 78px 0 0.02em #000, 24px 78px 0 0.02em #000, + 30px 78px 0 0.02em, 36px 78px 0 0.02em, 42px 78px 0 0.02em, + 48px 78px 0 0.02em, 54px 78px 0 0.02em, 60px 78px 0 0.02em, + 66px 78px 0 0.02em #000, 72px 78px 0 0.02em #ff5478, + 78px 78px 0 0.02em #ff5478, 84px 78px 0 0.02em #ff5478, + 90px 78px 0 0.02em #ff5478, 96px 78px 0 0.02em #000, + 12px 84px 0 0.02em #000, 18px 84px 0 0.02em #ff5478, + 24px 84px 0 0.02em #ff5478, 30px 84px 0 0.02em #000, + 36px 84px 0 0.02em #000, 42px 84px 0 0.02em, 48px 84px 0 0.02em, + 54px 84px 0 0.02em, 60px 84px 0 0.02em #000, 66px 84px 0 0.02em #ff5478, + 72px 84px 0 0.02em #ff5478, 78px 84px 0 0.02em #ff5478, + 84px 84px 0 0.02em #ff5478, 90px 84px 0 0.02em #000, + 6px 90px 0 0.02em #000, 12px 90px 0 0.02em #ff5478, + 18px 90px 0 0.02em #ff5478, 24px 90px 0 0.02em #ff5478, + 30px 90px 0 0.02em #ff5478, 36px 90px 0 0.02em #ff5478, + 42px 90px 0 0.02em #000, 48px 90px 0 0.02em #000, 54px 90px 0 0.02em #000, + 60px 90px 0 0.02em #000, 66px 90px 0 0.02em #000, + 72px 90px 0 0.02em #ff5478, 78px 90px 0 0.02em #ff5478, + 84px 90px 0 0.02em #000, 12px 96px 0 0.02em #000, 18px 96px 0 0.02em #000, + 24px 96px 0 0.02em #000, 30px 96px 0 0.02em #000, 36px 96px 0 0.02em #000, + 42px 96px 0 0.02em #000, 66px 96px 0 0.02em #000, 72px 96px 0 0.02em #000, + 78px 96px 0 0.02em #000; + } +} + +.nes-octocat { + position: relative; + display: inline-block; + width: 84px; + height: 90px; +} + +.nes-octocat::before { + position: absolute; + top: -6px; + left: -6px; + content: ""; + background: transparent; + width: 6px; + height: 6px; + color: #333; + box-shadow: 24px 6px, 78px 6px, 24px 12px, 30px 12px, 72px 12px, 78px 12px, + 24px 18px, 30px 18px, 36px 18px, 42px 18px, 48px 18px, 54px 18px, 60px 18px, + 66px 18px, 72px 18px, 78px 18px, 18px 24px, 24px 24px, 30px 24px, 36px 24px, + 42px 24px, 48px 24px, 54px 24px, 60px 24px, 66px 24px, 72px 24px, 78px 24px, + 84px 24px, 18px 30px, 24px 30px, 30px 30px, 36px 30px, 42px 30px, 48px 30px, + 54px 30px, 60px 30px, 66px 30px, 72px 30px, 78px 30px, 84px 30px, 18px 36px, + 24px 36px, 30px 36px, 36px 36px #ffdec4, 42px 36px #ffdec4, + 48px 36px #ffdec4, 54px 36px #ffdec4, 60px 36px #ffdec4, 66px 36px #ffdec4, + 72px 36px, 78px 36px, 84px 36px, 18px 42px, 24px 42px, 30px 42px #ffdec4, + 36px 42px #cb7066, 42px 42px #ffdec4, 48px 42px #ffdec4, 54px 42px #ffdec4, + 60px 42px #ffdec4, 66px 42px #cb7066, 72px 42px #ffdec4, 78px 42px, + 84px 42px, 18px 48px, 24px 48px, 30px 48px #ffdec4, 36px 48px #cb7066, + 42px 48px #ffdec4, 48px 48px #ffdec4, 54px 48px #ffdec4, 60px 48px #ffdec4, + 66px 48px #cb7066, 72px 48px #ffdec4, 78px 48px, 84px 48px, 24px 54px, + 30px 54px, 36px 54px #ffdec4, 42px 54px #ffdec4, 48px 54px #cb7066, + 54px 54px #cb7066, 60px 54px #ffdec4, 66px 54px #ffdec4, 72px 54px, + 78px 54px, 6px 60px, 12px 60px, 42px 60px, 48px 60px, 54px 60px, 60px 60px, + 18px 66px, 24px 66px, 36px 66px, 42px 66px, 48px 66px, 54px 66px, 60px 66px, + 66px 66px, 24px 72px, 30px 72px, 36px 72px, 42px 72px, 48px 72px, 54px 72px, + 60px 72px, 66px 72px, 36px 78px, 48px 78px, 54px 78px, 66px 78px, 36px 84px, + 48px 84px, 54px 84px, 66px 84px, 30px 90px, 42px 90px, 60px 90px, 72px 90px; + transform: rotate(0); +} + +@supports (-moz-appearance: meterbar) { + .nes-octocat::before { + box-shadow: 24px 6px 0 0.02em, 78px 6px 0 0.02em, 24px 12px 0 0.02em, + 30px 12px 0 0.02em, 72px 12px 0 0.02em, 78px 12px 0 0.02em, + 24px 18px 0 0.02em, 30px 18px 0 0.02em, 36px 18px 0 0.02em, + 42px 18px 0 0.02em, 48px 18px 0 0.02em, 54px 18px 0 0.02em, + 60px 18px 0 0.02em, 66px 18px 0 0.02em, 72px 18px 0 0.02em, + 78px 18px 0 0.02em, 18px 24px 0 0.02em, 24px 24px 0 0.02em, + 30px 24px 0 0.02em, 36px 24px 0 0.02em, 42px 24px 0 0.02em, + 48px 24px 0 0.02em, 54px 24px 0 0.02em, 60px 24px 0 0.02em, + 66px 24px 0 0.02em, 72px 24px 0 0.02em, 78px 24px 0 0.02em, + 84px 24px 0 0.02em, 18px 30px 0 0.02em, 24px 30px 0 0.02em, + 30px 30px 0 0.02em, 36px 30px 0 0.02em, 42px 30px 0 0.02em, + 48px 30px 0 0.02em, 54px 30px 0 0.02em, 60px 30px 0 0.02em, + 66px 30px 0 0.02em, 72px 30px 0 0.02em, 78px 30px 0 0.02em, + 84px 30px 0 0.02em, 18px 36px 0 0.02em, 24px 36px 0 0.02em, + 30px 36px 0 0.02em, 36px 36px 0 0.02em #ffdec4, 42px 36px 0 0.02em #ffdec4, + 48px 36px 0 0.02em #ffdec4, 54px 36px 0 0.02em #ffdec4, + 60px 36px 0 0.02em #ffdec4, 66px 36px 0 0.02em #ffdec4, 72px 36px 0 0.02em, + 78px 36px 0 0.02em, 84px 36px 0 0.02em, 18px 42px 0 0.02em, + 24px 42px 0 0.02em, 30px 42px 0 0.02em #ffdec4, 36px 42px 0 0.02em #cb7066, + 42px 42px 0 0.02em #ffdec4, 48px 42px 0 0.02em #ffdec4, + 54px 42px 0 0.02em #ffdec4, 60px 42px 0 0.02em #ffdec4, + 66px 42px 0 0.02em #cb7066, 72px 42px 0 0.02em #ffdec4, 78px 42px 0 0.02em, + 84px 42px 0 0.02em, 18px 48px 0 0.02em, 24px 48px 0 0.02em, + 30px 48px 0 0.02em #ffdec4, 36px 48px 0 0.02em #cb7066, + 42px 48px 0 0.02em #ffdec4, 48px 48px 0 0.02em #ffdec4, + 54px 48px 0 0.02em #ffdec4, 60px 48px 0 0.02em #ffdec4, + 66px 48px 0 0.02em #cb7066, 72px 48px 0 0.02em #ffdec4, 78px 48px 0 0.02em, + 84px 48px 0 0.02em, 24px 54px 0 0.02em, 30px 54px 0 0.02em, + 36px 54px 0 0.02em #ffdec4, 42px 54px 0 0.02em #ffdec4, + 48px 54px 0 0.02em #cb7066, 54px 54px 0 0.02em #cb7066, + 60px 54px 0 0.02em #ffdec4, 66px 54px 0 0.02em #ffdec4, 72px 54px 0 0.02em, + 78px 54px 0 0.02em, 6px 60px 0 0.02em, 12px 60px 0 0.02em, + 42px 60px 0 0.02em, 48px 60px 0 0.02em, 54px 60px 0 0.02em, + 60px 60px 0 0.02em, 18px 66px 0 0.02em, 24px 66px 0 0.02em, + 36px 66px 0 0.02em, 42px 66px 0 0.02em, 48px 66px 0 0.02em, + 54px 66px 0 0.02em, 60px 66px 0 0.02em, 66px 66px 0 0.02em, + 24px 72px 0 0.02em, 30px 72px 0 0.02em, 36px 72px 0 0.02em, + 42px 72px 0 0.02em, 48px 72px 0 0.02em, 54px 72px 0 0.02em, + 60px 72px 0 0.02em, 66px 72px 0 0.02em, 36px 78px 0 0.02em, + 48px 78px 0 0.02em, 54px 78px 0 0.02em, 66px 78px 0 0.02em, + 36px 84px 0 0.02em, 48px 84px 0 0.02em, 54px 84px 0 0.02em, + 66px 84px 0 0.02em, 30px 90px 0 0.02em, 42px 90px 0 0.02em, + 60px 90px 0 0.02em, 72px 90px 0 0.02em; + } +} + +.nes-octocat.animate::before { + animation: wave 0.5s infinite steps(1); +} + +@keyframes wave { + 50% { + width: 6px; + height: 6px; + color: #333; + box-shadow: 24px 6px, 78px 6px, 24px 12px, 30px 12px, 72px 12px, 78px 12px, + 24px 18px, 30px 18px, 36px 18px, 42px 18px, 48px 18px, 54px 18px, + 60px 18px, 66px 18px, 72px 18px, 78px 18px, 18px 24px, 24px 24px, + 30px 24px, 36px 24px, 42px 24px, 48px 24px, 54px 24px, 60px 24px, + 66px 24px, 72px 24px, 78px 24px, 84px 24px, 18px 30px, 24px 30px, + 30px 30px, 36px 30px, 42px 30px, 48px 30px, 54px 30px, 60px 30px, + 66px 30px, 72px 30px, 78px 30px, 84px 30px, 18px 36px, 24px 36px, + 30px 36px, 36px 36px #ffdec4, 42px 36px #ffdec4, 48px 36px #ffdec4, + 54px 36px #ffdec4, 60px 36px #ffdec4, 66px 36px #ffdec4, 72px 36px, + 78px 36px, 84px 36px, 18px 42px, 24px 42px, 30px 42px #ffdec4, + 36px 42px #ffdec4, 42px 42px #ffdec4, 48px 42px #ffdec4, 54px 42px #ffdec4, + 60px 42px #ffdec4, 66px 42px #ffdec4, 72px 42px #ffdec4, 78px 42px, + 84px 42px, 12px 48px, 18px 48px, 24px 48px, 30px 48px #ffdec4, + 36px 48px #cb7066, 42px 48px #ffdec4, 48px 48px #ffdec4, 54px 48px #ffdec4, + 60px 48px #ffdec4, 66px 48px #cb7066, 72px 48px #ffdec4, 78px 48px, + 84px 48px, 12px 54px, 24px 54px, 30px 54px, 36px 54px #ffdec4, + 42px 54px #ffdec4, 48px 54px #cb7066, 54px 54px #cb7066, 60px 54px #ffdec4, + 66px 54px #ffdec4, 72px 54px, 78px 54px, 18px 60px, 42px 60px, 48px 60px, + 54px 60px, 60px 60px, 24px 66px, 36px 66px, 42px 66px, 48px 66px, + 54px 66px, 60px 66px, 66px 66px, 24px 72px, 30px 72px, 36px 72px, + 42px 72px, 48px 72px, 54px 72px, 60px 72px, 66px 72px, 36px 78px, + 48px 78px, 54px 78px, 66px 78px, 36px 84px, 48px 84px, 54px 84px, + 66px 84px, 30px 90px, 42px 90px, 60px 90px, 72px 90px; + @supports (-moz-appearance: meterbar) { + box-shadow: 24px 6px 0 0.02em, 78px 6px 0 0.02em, 24px 12px 0 0.02em, + 30px 12px 0 0.02em, 72px 12px 0 0.02em, 78px 12px 0 0.02em, + 24px 18px 0 0.02em, 30px 18px 0 0.02em, 36px 18px 0 0.02em, + 42px 18px 0 0.02em, 48px 18px 0 0.02em, 54px 18px 0 0.02em, + 60px 18px 0 0.02em, 66px 18px 0 0.02em, 72px 18px 0 0.02em, + 78px 18px 0 0.02em, 18px 24px 0 0.02em, 24px 24px 0 0.02em, + 30px 24px 0 0.02em, 36px 24px 0 0.02em, 42px 24px 0 0.02em, + 48px 24px 0 0.02em, 54px 24px 0 0.02em, 60px 24px 0 0.02em, + 66px 24px 0 0.02em, 72px 24px 0 0.02em, 78px 24px 0 0.02em, + 84px 24px 0 0.02em, 18px 30px 0 0.02em, 24px 30px 0 0.02em, + 30px 30px 0 0.02em, 36px 30px 0 0.02em, 42px 30px 0 0.02em, + 48px 30px 0 0.02em, 54px 30px 0 0.02em, 60px 30px 0 0.02em, + 66px 30px 0 0.02em, 72px 30px 0 0.02em, 78px 30px 0 0.02em, + 84px 30px 0 0.02em, 18px 36px 0 0.02em, 24px 36px 0 0.02em, + 30px 36px 0 0.02em, 36px 36px 0 0.02em #ffdec4, + 42px 36px 0 0.02em #ffdec4, 48px 36px 0 0.02em #ffdec4, + 54px 36px 0 0.02em #ffdec4, 60px 36px 0 0.02em #ffdec4, + 66px 36px 0 0.02em #ffdec4, 72px 36px 0 0.02em, 78px 36px 0 0.02em, + 84px 36px 0 0.02em, 18px 42px 0 0.02em, 24px 42px 0 0.02em, + 30px 42px 0 0.02em #ffdec4, 36px 42px 0 0.02em #ffdec4, + 42px 42px 0 0.02em #ffdec4, 48px 42px 0 0.02em #ffdec4, + 54px 42px 0 0.02em #ffdec4, 60px 42px 0 0.02em #ffdec4, + 66px 42px 0 0.02em #ffdec4, 72px 42px 0 0.02em #ffdec4, + 78px 42px 0 0.02em, 84px 42px 0 0.02em, 12px 48px 0 0.02em, + 18px 48px 0 0.02em, 24px 48px 0 0.02em, 30px 48px 0 0.02em #ffdec4, + 36px 48px 0 0.02em #cb7066, 42px 48px 0 0.02em #ffdec4, + 48px 48px 0 0.02em #ffdec4, 54px 48px 0 0.02em #ffdec4, + 60px 48px 0 0.02em #ffdec4, 66px 48px 0 0.02em #cb7066, + 72px 48px 0 0.02em #ffdec4, 78px 48px 0 0.02em, 84px 48px 0 0.02em, + 12px 54px 0 0.02em, 24px 54px 0 0.02em, 30px 54px 0 0.02em, + 36px 54px 0 0.02em #ffdec4, 42px 54px 0 0.02em #ffdec4, + 48px 54px 0 0.02em #cb7066, 54px 54px 0 0.02em #cb7066, + 60px 54px 0 0.02em #ffdec4, 66px 54px 0 0.02em #ffdec4, + 72px 54px 0 0.02em, 78px 54px 0 0.02em, 18px 60px 0 0.02em, + 42px 60px 0 0.02em, 48px 60px 0 0.02em, 54px 60px 0 0.02em, + 60px 60px 0 0.02em, 24px 66px 0 0.02em, 36px 66px 0 0.02em, + 42px 66px 0 0.02em, 48px 66px 0 0.02em, 54px 66px 0 0.02em, + 60px 66px 0 0.02em, 66px 66px 0 0.02em, 24px 72px 0 0.02em, + 30px 72px 0 0.02em, 36px 72px 0 0.02em, 42px 72px 0 0.02em, + 48px 72px 0 0.02em, 54px 72px 0 0.02em, 60px 72px 0 0.02em, + 66px 72px 0 0.02em, 36px 78px 0 0.02em, 48px 78px 0 0.02em, + 54px 78px 0 0.02em, 66px 78px 0 0.02em, 36px 84px 0 0.02em, + 48px 84px 0 0.02em, 54px 84px 0 0.02em, 66px 84px 0 0.02em, + 30px 90px 0 0.02em, 42px 90px 0 0.02em, 60px 90px 0 0.02em, + 72px 90px 0 0.02em; + } + } +} diff --git a/static/assets/css/custom.css b/static/assets/css/custom.css new file mode 100644 index 0000000..446d894 --- /dev/null +++ b/static/assets/css/custom.css @@ -0,0 +1,14 @@ +html { + cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABFklEQVRYR9WXURLDIAhE6/0PbSdOtUpcd1Gnpv1KGpTHBpCE1/cXq+vrMph7dGvXZTtpfW10DCA5jrH1H0Jhs5E0hnZdCR+vb5S8Nn8mQCeS9BdSalYJqMBjAGzq59xAESN7VFVUgV8AZB/dZBR7QTFDCqGquvUBVVoEtgIwpQRzmANSFHgWQKExHdIrPeuMvQNDarXe6nC/AutgV3JW+6bgqQLeV8FekRtgV+ToDKEKnACYKsfZjjkam7a0ZpYTytwmgainpC3HvwBocgKOxqRjehoR9DFKNFYtOwCGYCszobeCbl26N6yyQ6g8X/Wex/rBPsNEV6qAMaJPMynIHQCoSqS9JSMmwef51LflTgCRszU7DvAGiV6mHWfsaVUAAAAASUVORK5CYII=), + auto; +} +a, +button { + cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) + 14 0, + pointer !important; +} + +.cx { + padding: 1rem; +} -- cgit v1.2.3