/*
* @license Apache-2.0
*
* Copyright (c) 2019 The Stdlib Authors.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*    http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

/*
* Stylesheet for miscellaneous rules.
*/

html {
	background-color: var(--theme-background-color);
}

/*
* Prevent horizontal scrolling on the body.
*/
body {
	overflow-x: hidden;
}

/*
* Ensure that missing images use the theme background color.
*/
img {
	background-color: var(--theme-background-color);
}

/*
* Disable all animations when the user prefers reduced motion.
*/
@media (prefers-reduced-motion: reduce) {
	* {
		animation-play-state: paused!important;
		transition: none!important;
		scroll-behavior: auto!important;
	}
}

/*
* Top-navigation.
*/

.top-nav {
	background-color: var(--top-nav-background-color);

	/* offset-x | offset-y | blur-radius | color */
	-webkit-box-shadow: 0 -5px 15px var(--top-nav-shadow-color);
	-moz-box-shadow: 0 -5px 15px var(--top-nav-shadow-color);
	box-shadow: 0 -5px 15px var(--top-nav-shadow-color);
}

.top-nav-item a:hover,
.top-nav-item a:active {
	background-color: var(--top-nav-link-hover-background-color);
}

.top-nav-search:hover,
.top-nav-search:active,
.top-nav-search:focus-within,
.top-nav-search-active {
	background-color: var(--top-nav-search-background-color);
}

.top-nav-divider {
	border-right-style: solid;
	border-right-color: var(--top-nav-divider-color);
	border-right-width: 1px;
}

.top-nav .icon-button {
	background-color: var(--top-nav-background-color);

	border: none;
	outline: none;

	overflow: hidden;

	cursor: pointer;
}

.top-nav .icon-button:hover,
.top-nav .icon-button:focus {
	background-color: var(--top-nav-link-hover-background-color);
}

.top-nav .icon-button::after {
	content: "";

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

	background-color: rgba(0, 0, 0, 0.3);

	animation: button-press 1s;
	opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
	/*
	* Disable animations when a user prefers reduced motion.
	*/
	.top-nav .icon-button::after {
		animation: none;
	}
}

.top-nav .icon {
	fill: var(--top-nav-icon-color);
}

.top-nav .download-progress {
	background-color: var(--stdlib-blue);
}

.top-nav .download-progress > * {
	background-color: var(--stdlib-orange);
}

/*
* Root.
*/

/*
* Prevent horizontal scrolling on the root element.
*/
#root {
	overflow-x: hidden;
}

@media only screen and (max-width: 67.5em) { /* 1080px */
	#root {
		/*
		* At certain (smaller) device sizes, when the side menu is open, the "main" element will overflow outside of the viewport. Allow users to view the content of that element by scrolling.
		*/
		overflow-x: scroll;
	}
}

/*
* Main.
*/

.main {
	/*
	* For certain animations, the backface of an element can become visible. Prevent this.
	*
	* ## Notes
	*
	* -   Helps prevent flickering for some engines when using `translate3d`.
	*/
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;

	-webkit-transform-style: preserve-3d;

	/*
	* Specify transition speed.
	*/

	/* name | duration | timing function | delay */
	-webkit-transition: transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
	-moz-transition: transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
	-ms-transition: transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
	-o-transition: transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
	transition: transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}

@media (prefers-reduced-motion: reduce) {
	/*
	* Make transitions instantaneous when a user prefers reduced motion.
	*/
	.main {
		-webkit-transition-duration: 0s;
		-moz-transition-duration: 0s;
		-ms-transition-duration: 0s;
		-o-transition-duration: 0s;
		transition-duration: 0s;
	}
}

/*
* Headings.
*/

/*
* Both `h1` and `h2` elements should be underlined.
*/
.readme h1,
.readme h2 {
	/* width | style | color */
	border-bottom: 1px solid var(--heading-border-bottom-color);
}

/*
* Set a background for the heading marking the section for displaying related packages.
*/
.readme .related h2 {
	background-color: #e4f1ff; /* fallback */
	background-color: rgba(0, 123, 255, 0.1);
}

/*
* Display an icon to the left of the heading.
*/
.readme .related h2:before {
	content: url("/css/docs/icons/info_blue.svg");
}

/*
* Blockquotes.
*/

/*
* To the left of a blockquote, show a vertical bar, similar to how GitHub styles blockquotes.
*/
.readme blockquote {
	/* width | style | color */
	border-left: 0.25em solid var(--blockquote-border-color);
}

/*
* Horizontal rules.
*/

.readme hr {
	overflow: hidden;

	background: transparent;
	background-color: var(--hr-background-color);

	border: 0;

	/* width | style | color */
	border-bottom: 1px solid var(--heading-border-bottom-color);
}

/*
* Lists.
*/

/*
* Top-level unordered list items should use a solid dot.
*/
.readme ul {
	list-style-type: disc;
}

/*
* Top-level ordered list items should be numbered.
*/
.readme ol {
	list-style-type: decimal;
}

/*
* Second-level ordered list items should use lowercase Roman numerals.
*/
.readme ol ol {
	list-style-type: lower-roman;
}

/*
* Second-level unordered list items should use a solid square.
*/
.readme ul ul {
	list-style-type: square;
}

/*
* Third-level ordered list items should should use lowercase letters.
*/
.readme ul ul ol,
.readme ul ol ol,
.readme ol ul ol,
.readme ol ol ol {
	list-style-type: lower-alpha;
}

/*
* Third-level unordered list items should should use an open circle.
*/
.readme ul ul ul,
.readme ul ol ul,
.readme ol ul ul,
.readme ol ol ul {
	list-style-type: circle;
}

/*
* Namespace unordered list items should not display a list marker.
*/
.readme .namespace-toc ul {
	list-style-type: none;
}

/*
* Namespace unordered list items containing a signature should truncate their contents.
*/
.readme .namespace-toc ul li .signature {
	overflow: hidden;
}

/*
* Search results unordered list items should not display a list marker.
*/
.readme .search-results-list {
	list-style-type: none;
}

/*
* Outline a search result item when focused or hovered.
*/
.readme .search-results-list-item {
	border-radius: 4px;
	border: 1px solid transparent;

	cursor: pointer;
}

.readme .search-results-list-item:focus,
.readme .search-results-list-item:hover {
	border: 1px solid var(--search-result-hover-border-color);
}

/*
* Related packages list items should not display a list marker.
*/
.readme .related ul {
	list-style-type: none;
}

/*
* Breadcrumbs navigation list items should not display a list marker.
*/
.readme .readme-breadcrumbs ol {
	list-style-type: none;
}

/*
* Disable user selection of the breadcrumb list item separators.
*/
.readme .readme-breadcrumbs .breadcrumb-separator {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*
* Runner badge list items should not display a list marker.
*/
.runner .badges ul {
	list-style-type: none;
}

/*
* Tables.
*/

.readme table {
	overflow: auto;
}

.readme table th,
.readme table td {
	/* width | style | color */
	border: 1px solid var(--table-cell-border-color);
}

.readme table tr {
	background-color: var(--theme-background-color);

	/* width | style | color */
	border-top: 1px solid var(--table-row-border-color);
}

/*
* Highlight every other table row.
*/
.readme table tr:nth-child(2n) {
	background-color: var(--pre-background-color);
}

/*
* Code.
*/

.readme pre {
	overflow: auto;
	background-color: var(--pre-background-color);

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/*
* Code containers should have slightly rounded corners and have a background color to distinguish the container from surrounding elements.
*/
.readme code {
	background-color: var(--pre-background-color); /* fallback */
	background-color: var(--code-background-color);

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.readme pre code {
	overflow: visible;
	background-color: transparent;
	border: 0;
}

/*
* For code elements which are immediate children of pre-formatted text elements, use the background of the parent element.
*/
.readme pre > code {
	background: transparent;
	border: 0;
}

/*
* For related packages, we want to conceal that these are code blocks, and so set the background color to the theme background color.
*/
.readme .related .package-name code {
	background-color: var(--theme-background-color);
}

/*
* Keyboard elements.
*/

/*
* Keyboard elements should have a light grey background and slightly rounded corners.
*/
.readme kbd {
	background-color: #fcfcfc;

	border: solid 1px #ccc;
	border-bottom-color: #bbb;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	/* offset-x | offset-y | blur-radius | color */
	-webkit-box-shadow: inset 0 -1px 0 #bbb;
	-moz-box-shadow: inset 0 -1px 0 #bbb;
	box-shadow: inset 0 -1px 0 #bbb;
}

/*
* "See Also" section.
*/

.readme .related {
	overflow: auto;

	border-left: 3px solid var(--related-border-color);

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	/* offset-x | offset-y | blur-radius | color */
	-webkit-box-shadow: 0 4px 20px 0 var(--diffuse-shadow-color);
	-moz-box-shadow: 0 4px 20px 0 var(--diffuse-shadow-color);
	box-shadow: 0 4px 20px 0 var(--diffuse-shadow-color);
}

/*
* README bottom navigation.
*/

/*
* Add a top border to the pagination element to visually distinguish it from other prior navigation content.
*/
.readme .readme-bottom-nav .pagination {
	border-top: 1px solid var(--hr-background-color);
}

/*
* Pagination links should have slightly rounded corners, and, when not focused/hovered, should not show a border.
*/
.readme .readme-bottom-nav .pagination-link {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	border: 1px solid var(--theme-background-color)
}

/*
* When a pagination is focused/hovered, display the border to visually indicate the "hit" area comprising the pagination link.
*/
.readme .readme-bottom-nav .pagination-link:focus,
.readme .readme-bottom-nav .pagination-link:hover {
	border: 1px solid var(--pagination-link-hover-border-color);
}

/*
* Ensure icons match the link color.
*/
.readme .readme-bottom-nav .icon {
	fill: var(--link-color);
}

/*
* Remove the border and set the cursor to make the print button look and feel like a link.
*/
.readme .readme-bottom-nav .print-button {
	background: none;
	border: 0;

	cursor: pointer;
}

/*
* Feedback form.
*/

.readme-feedback > fieldset {
	border: none;
	border-top: 1px solid var(--hr-background-color);
}

.readme-feedback-sentiment-label {
	border: 1px solid var(--feedback-sentiment-border-color);

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

	cursor: pointer;
}

.readme-feedback-sentiment-label:hover {
	border-color: var(--feedback-sentiment-hover-border-color);
}

.readme-feedback-sentiment-label .icon {
	fill: none;
	stroke-width: 1px;
}

.readme-feedback-no-sentiment .readme-feedback-positive-sentiment {
	background-color: var(--feedback-positive-sentiment-background-color);
}

.readme-feedback-sentiment-radio:checked + .readme-feedback-positive-sentiment {
	background-color: var(--feedback-positive-sentiment-selected-background-color);
}

.readme-feedback-has-sentiment .readme-feedback-sentiment-radio:not(:checked) + .readme-feedback-positive-sentiment {
	background-color: var(--feedback-positive-sentiment-not-selected-background-color);
}

.readme-feedback-no-sentiment .readme-feedback-negative-sentiment {
	background-color: var(--feedback-negative-sentiment-background-color);
}

.readme-feedback-sentiment-radio:checked + .readme-feedback-negative-sentiment {
	background-color: var(--feedback-negative-sentiment-selected-background-color);
}

.readme-feedback-has-sentiment .readme-feedback-sentiment-radio:not(:checked) + .readme-feedback-negative-sentiment {
	background-color: var(--feedback-negative-sentiment-not-selected-background-color);
}

.readme-feedback-sentiment-radio:checked + .readme-feedback-positive-sentiment:focus-within,
.readme-feedback-sentiment-radio:not(:checked) + .readme-feedback-positive-sentiment:focus-within,
.readme-feedback-sentiment-radio:checked + .readme-feedback-positive-sentiment:hover,
.readme-feedback-sentiment-radio:not(:checked) + .readme-feedback-positive-sentiment:hover {
	background-color: var(--feedback-positive-sentiment-hover-background-color);
}

.readme-feedback-sentiment-radio:checked + .readme-feedback-negative-sentiment:focus-within,
.readme-feedback-sentiment-radio:not(:checked) + .readme-feedback-negative-sentiment:focus-within,
.readme-feedback-sentiment-radio:checked + .readme-feedback-negative-sentiment:hover,
.readme-feedback-sentiment-radio:not(:checked) + .readme-feedback-negative-sentiment:hover {
	background-color: var(--feedback-negative-sentiment-hover-background-color);
}

.readme-feedback-positive-sentiment .icon {
	stroke: var(--feedback-positive-sentiment-icon-color);
}

.readme-feedback-sentiment-radio:checked + .readme-feedback-positive-sentiment .icon {
	stroke: var(--feedback-positive-sentiment-icon-selected-color);
}

.readme-feedback-has-sentiment .readme-feedback-sentiment-radio:not(:checked) + .readme-feedback-positive-sentiment .icon {
	stroke: var(--feedback-positive-sentiment-icon-not-selected-color);
}

.readme-feedback-negative-sentiment .icon {
	stroke: var(--feedback-negative-sentiment-icon-color);
}

.readme-feedback-sentiment-radio:checked + .readme-feedback-negative-sentiment .icon {
	stroke: var(--feedback-negative-sentiment-icon-selected-color);
}

.readme-feedback-has-sentiment .readme-feedback-sentiment-radio:not(:checked) + .readme-feedback-negative-sentiment .icon {
	stroke: var(--feedback-negative-sentiment-icon-not-selected-color);
}

.readme-feedback-sentiment-radio:focus + .readme-feedback-positive-sentiment .icon,
.readme-feedback-positive-sentiment:hover .icon {
	stroke: var(--feedback-positive-sentiment-icon-hover-color);
}

 .readme-feedback-sentiment-radio:focus + .readme-feedback-negative-sentiment .icon,
.readme-feedback-negative-sentiment:hover .icon {
	stroke: var(--feedback-negative-sentiment-icon-hover-color);
}

.readme-feedback-sentiment-radio {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.readme-feedback-submit-buttons button {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	cursor: pointer;
}

.readme-feedback-cancel-button {
	background-color: unset;

	border: 1px solid var(--hr-background-color);
}

.readme-feedback-submit-button {
	background-color: var(--default-button-background-color);

	border: none;
}

.readme-feedback-submit-button:hover,
.readme-feedback-submit-button:focus {
	background-color: var(--default-button-hover-background-color);
}

.readme-feedback-cancel-button:hover,
.readme-feedback-cancel-button:focus {
	background-color: var(--top-nav-link-hover-background-color);
}

.readme-feedback .MuiTextField-root fieldset {
	border-color: var(--hr-background-color);
}

/*
* Runner badges.
*/

.runner .badge-list .badge a {
	background-color: var(--default-button-background-color);

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	/* offset-x | offset-y | blur-radius | color */
	-webkit-box-shadow: 0 2px 10px var(--diffuse-shadow-color);
	-moz-box-shadow: 0 2px 10px var(--diffuse-shadow-color);
	box-shadow: 0 2px 10px var(--diffuse-shadow-color);
}

.runner .badge-list .badge a:hover,
.runner .badge-list .badge a:focus {
	background-color: var(--default-button-hover-background-color);
}

/*
* Settings menu.
*/

.settings-menu-overlay {
	background-color: var(--settings-overlay-background-color);
}

.settings-menu-blocker {
	content: ' ';

	background-color: transparent;
}

.settings-menu-wrapper {
	background-color: var(--theme-background-color);

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	-webkit-box-shadow: 0 8px 22px 0 rgb(37 44 97 / 15%), 0 4px 6px 0 rgb(93 100 148 / 20%);
	-moz-box-shadow: 0 8px 22px 0 rgb(37 44 97 / 15%), 0 4px 6px 0 rgb(93 100 148 / 20%);
	box-shadow: 0 8px 22px 0 rgb(37 44 97 / 15%), 0 4px 6px 0 rgb(93 100 148 / 20%);
}

.settings-menu-head {
	border-bottom: 1px solid var(--heading-border-bottom-color);
}

.settings-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	background-color: var(--settings-input-background-color);

	border: 1px solid var(--settings-input-border-color);

	-webkit-border-radius: 0.25rem;
	-moz-border-radius: 0.25rem;
	border-radius: 0.25rem;
}

.settings-select:focus {
	outline: none;

	background-color: var(--settings-input-hover-background-color);

	border-color: var(--settings-input-hover-border-color);
}

.settings-select-custom {
	pointer-events: none;
}

.settings-select-custom-icon {
	fill: currentColor;
}

.settings-checkbox {
	cursor: pointer;
}

.settings-checkbox-label {
	cursor: pointer;
}

/*
* Side menu.
*/

/*
* Apply a background gradient to the side menu.
*/
.side-menu-drawer {
	background-color: #1D1F20; /* fallback */

	background-image: -webkit-linear-gradient(145deg, #1D1F20, #404348);
	background-image: -moz-linear-gradient(145deg, #1D1F20, #404348);
	background-image: -ms-linear-gradient(145deg, #1D1F20, #404348);
	background-image: -o-linear-gradient(145deg, #1D1F20, #404348);
	background-image: linear-gradient(145deg, #1D1F20, #404348);
}

.side-menu-head .icon-button.side-menu-close-button {
	background-color: transparent;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.side-menu-head .icon-button.side-menu-close-button:hover,
.side-menu-head .icon-button.side-menu-close-button:focus {
	background-color: #000000;
}

.side-menu-head .icon-button.side-menu-close-button .icon {
	fill: #c8c8c8;
}

.side-menu-head .icon-button.side-menu-close-button:hover .icon,
.side-menu-head .icon-button.side-menu-close-button:focus .icon {
	fill: #ffffff;
}

.side-menu-version-wrapper {
	background-color: #1f1f1f;
	border-top: 2px solid #2d2d2d;
}

.side-menu-version-wrapper label {
	border-right: 1px solid #757575;
}

.side-menu-version-select,
.side-menu-filter-input {
	background-color: #1f1f1f;
	border: none;
}

.side-menu-filter-clear {
	opacity: 0.75;
	cursor: pointer;
}

.side-menu-list-item-namespace {
	background-color: #2a2d2f;
}

.side-menu-list-item {
	background-color: #242627;
}

.side-menu-list-item,
.side-menu-list-item-namespace {
	overflow: hidden;
}

.side-menu-list-item:hover,
.side-menu-list-item-namespace:hover,
.side-menu-list-item.active-package {
	background-color: rgba(0, 0, 0, 0.04);
}

button.side-menu-list-item-namespace-icon {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

button.side-menu-list-item-namespace-icon:hover {
	background-color: #1f1f1f;
}

.side-menu-list-item a::after,
.side-menu-list-item-namespace a::after {
	background-color: rgba(255, 255, 255, 0.2);
	opacity: 0;
	animation: button-press 1s;
}

@media (prefers-reduced-motion: reduce) {
	/*
	* Disable animations when a user prefers reduced motion.
	*/
	.side-menu-list-item a::after,
	.side-menu-list-item-namespace a::after {
		animation: none;
	}
}

.side-menu-list-wrapper {
	overflow-y: hidden;
}

.side-menu-list {
	overflow-y: scroll;

	/* Firefox */
	scrollbar-width: thin;
	scrollbar-color: #5e5e5e rgba(0, 0, 0, 0.4); /* <scroll_thumb_color> <scroll_track_color> */
}

/* Chrome, Edge, Safari */
.side-menu-list::-webkit-scrollbar {
	width: 4px;
}

.side-menu-list::-webkit-scrollbar-thumb {
	background-color: #5e5e5e;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.side-menu-list::-webkit-scrollbar-track {
	background-color: rgba(0, 0, 0, 0.4);
}

/*
* Skip link.
*/

.skip-link {
	background-color: var(--skip-link-background-color);

	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;

	/* offset-x | offset-y | blur-radius | color */
	-webkit-box-shadow: 0 0 3px #000000;
	-moz-box-shadow: 0 0 3px #000000;
	box-shadow: 0 0 3px #000000;
}

.skip-link:focus {
	outline: none;
}

/*
* Icons.
*/

/*
* Disable text selection of icons.
*/
.icon {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*
* Heading icon buttons.
*/

/*
* Heading icon buttons should be circular and mimic a mobile button press.
*/
h1 button.icon-button {
	background-color: transparent;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

	outline: none;
	border: none;

	overflow: hidden;

	cursor: pointer;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

h1 button.icon-button:hover,
h1 button.icon-button:focus {
	background-color: rgba(0, 0, 0, 0.04);
}

h1 button.icon-button::after {
	content: "";

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

	background-color: rgba(0, 0, 0, 0.3);

	animation: button-press 1s;
	opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
	/*
	* Disable animations when a user prefers reduced motion.
	*/
	h1 button.icon-button::after {
		animation: none;
	}
}

/*
* Banner.
*/

.banner svg .stdlib-orange {
	fill: var(--stdlib-orange);
}

.banner svg .stdlib-blue {
	fill:  var(--stdlib-blue);
}

/*
* Logo.
*/

/*
* Slightly dim the logo when not hovered.
*/
#stdlib-logo {
	opacity: 0.9;
}

/*
* When the logo is hovered, brighten the logo.
*/
#stdlib-logo:hover {
	opacity: 1;
}

/*
* Miscellaneous styles.
*/

/*
* Define a diffuse shadow. Useful for things like images.
*/
.diffuse-shadow {
	/* offset-x | offset-y | blur-radius | spread-radius | color */
	-webkit-box-shadow: 0 0 50px 0 var(--diffuse-shadow-color);
	-moz-box-shadow: 0 0 50px 0 var(--diffuse-shadow-color);
	box-shadow: 0 0 50px 0 var(--diffuse-shadow-color);
}

.diffuse-shadow-dark {
	/* offset-x | offset-y | blur-radius | spread-radius | color */
	-webkit-box-shadow: 0 0 50px 0 var(--diffuse-dark-shadow-color);
	-moz-box-shadow: 0 0 50px 0 var(--diffuse-dark-shadow-color);
	box-shadow: 0 0 50px 0 var(--diffuse-dark-shadow-color);
}

/*
* Disable selecting text.
*/
.disable-select {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}


/*
* Printing.
*/

.print-addendum {
	visibility: hidden;
}

@media print {
	/*
	* Ensure that additional print information is displayed when printing.
	*/
	.print-addendum {
		visibility: visible;
	}

	/*
	* Remove the box shadow for the section listing related packages.
	*/
	.readme .related {
		border: 1px solid #d3d3d3;

		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	/*
	* Ensure that code does not overflow its container.
	*/
	.readme pre code {
		white-space: pre-wrap;       /* css-3 */
		white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
		white-space: -pre-wrap;      /* Opera 4-6 */
		white-space: -o-pre-wrap;    /* Opera 7 */
		word-wrap: break-word;       /* Internet Explorer 5.5+ */
	}
}