/**
 * Turbo CSS base styles | turbocss.com
 *
 * Inspired by:
 * - github.com/necolas/normalize.css
 * - github.com/suitcss/base
 * - github.com/mozdevs/cssremedy
 * - github.com/tailwindlabs/tailwindcss
 */

/**************************************/

/*
 * 1. Use taller default line-height so the user isn't forced to override it.
 *    Inspired by Tailwind CSS.
 * 2. Avoid text size adjustment on mobile and tablet devices on iOS.
 * 3. Use the user's configured sans font-family with a default sans-serif
 *    font stack as a fallback. Inspired by Tailwind CSS.
 * 4. Reset.
 */

.t1-start {
	line-height: 1.5; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 16px; /* 4 */
	text-align: start; /* 4 */
	color: #000; /* 4 */
	cursor: auto; /* 4 */
	empty-cells: show; /* 4 */
	font-style: normal; /* 4 */
	font-variant: normal; /* 4 */
	font-weight: 400; /* 4 */
	hyphens: manual; /* 4 */
	letter-spacing: normal; /* 4 */
	overflow-wrap: normal; /* 4 */
	tab-size: 8; /* 4 */
	text-indent: 0; /* 4 */
	text-transform: none; /* 4 */
	visibility: visible; /* 4 */
	white-space: normal; /* 4 */
	word-spacing: normal; /* 4 */
	word-wrap: normal; /* 4 */
}

body.t1,
.t1-all body {
	margin: 0;
}

/*
 * 1. Modern default.
 * 2. Modern default. Solid borders are used way more often than any other
 *    border style, thus old default of using border-style:; none to hide
 *    borders does not make sense. Use border-width: 0 to hide borders by
 *    default, making it require less typing to enable it.
 */

.t1,
.t1::before,
.t1::after,
.t1-all *,
.t1-all ::before,
.t1-all ::after {
	box-sizing: border-box; /* 1 */
	border-width: 0; /* 2 */
	border-style: solid; /* 2 */
}

/*
 * Replaced elements without an intrinsic aspect ratio.
 * Vertical-align applies only when the elements
 * display property is turned back to inline.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

audio.t1,
iframe.t1,
embed.t1,
object.t1,
.t1-all audio,
.t1-all iframe,
.t1-all embed,
.t1-all object {
	display: block;
	max-width: 100%;
	vertical-align: middle;
}

/*
 * Replaced elements with an intrinsic aspect ratio.
 * intrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img.t1,
svg.t1,
video.t1,
canvas.t1,
.t1-all img,
.t1-all svg,
.t1-all video,
.t1-all canvas {
	display: block;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

/*
 * Remove the border on images inside links in IE 10.
 */

img.t1,
.t1-all img {
	border-style: none;
}

/*
 * Modern default monospace font inspired by Tailwind CSS.
 */

pre.t1,
code.t1,
kbd.t1,
samp.t1,
.t1-all pre,
.t1-all code,
.t1-all kbd,
.t1-all samp {
	font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/*
 * Correct the odd em font sizing in all browsers.
 */

code.t1,
kbd.t1,
samp.t1,
.t1-all code,
.t1-all kbd,
.t1-all samp {
	font-size: 1em;
}


/*
 * Render the main element consistently in IE.
 */

main.t1,
.t1-all main {
	display: block;
}

/*
 * Use opt-in styling.
 */

h1.t1,
h2.t1,
h3.t1,
h4.t1,
h5.t1,
h6.t1,
.t1-all h1,
.t1-all h2,
.t1-all h3,
.t1-all h4,
.t1-all h5,
.t1-all h6 {
	margin: 0;
	font-size: inherit;
	font-weight: inherit;
}

/*
 * Use opt-in styling.
 * 
 * 1. Some browsers default to using "overflow: hidden", while an
 *    image in an "::after" pseudo element is often used.
 */

hr.t1,
.t1-all hr {
	margin: 0;
	height: 0;
	overflow: visible; /* 1 */
}


/*
 * Use opt-in styling.
 */

blockquote.t1,
dl.t1,
dd.t1,
figure.t1,
p.t1,
pre.t1,
.t1-all blockquote,
.t1-all dl,
.t1-all dd,
.t1-all figure,
.t1-all p,
.t1-all pre {
	margin: 0;
}

/*
 * Correct the odd "em" font sizing in all browsers.
 */

pre.t1,
.t1-all pre {
	font-size: 1em;
}

/*
 * 1. Remove the gray background on active links in IE 10.
 * 2. Use opt-in styling.
 */

a.t1,
.t1-all a {
	background-color: transparent; /* 1 */
	color: inherit; /* 2 */
	text-decoration: inherit; /* 2 */
}

/*
 * 1. Remove the bottom border in Chrome 57-
 * 2. Normalize text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr.t1[title],
.t1-all abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	-webkit-text-decoration: underline dotted; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/*
 * Normalize font weight.
 */

b.t1,
strong.t1,
.t1-all b,
.t1-all strong {
	font-weight: bolder;
}

/*
 * Normalize font size.
 */

small.t1,
.t1-all small {
	font-size: 80%;
}

/*
 * Prevent "sub" and "sup" elements from affecting the line height in
 * all browsers.
 */

sub.t1,
sup.t1,
.t1-all sub,
.t1-all sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub.t1,
.t1-all sub {
	bottom: -0.25em;
}

sup.t1,
.t1-all sup {
	top: -0.5em;
}

/*
 * Hide element with "hidden" attribute.
 */

.t1[hidden],
.t1-all [hidden] {
	display: none;
}

/*
 * Use opt-in styling.
 */

button.t1,
.t1-all button {
	background-color: transparent;
	background-image: none;
	padding: 0;
}

/*
 * Work around a Firefox/IE bug where the transparent "button" background
 * results in a loss of the default "button" focus styles.
 */

button.t1:focus,
.t1-all button:focus {
	outline: 1px dotted;
	outline: 3px auto -webkit-focus-ring-color;
}

/*
 * Modern default.
 */

button.t1,
.t1[role="button"],
.t1-all button,
.t1-all [role="button"] {
	cursor: pointer;
}

/*
 * 1. Use opt-in styling.
 * 2. Normalize font in all browsers.
 */

button.t1,
input.t1,
optgroup.t1,
select.t1,
textarea.t1,
.t1-all button,
.t1-all input,
.t1-all optgroup,
.t1-all select,
.t1-all textarea {
	margin: 0; /* 1 */
	padding: 0; /* 1 */
	line-height: inherit; /* 1 */
	color: inherit; /* 1 */
	font-family: inherit; /* 2 */
	font-size: 100%; /* 2 */
}

/*
 * Show the overflow in IE.
 */

button.t1,
input.t1,
.t1-all button,
.t1-all input {
	overflow: visible;
}

/*
 * Remove the inheritance of text transform.
 */

button.t1,
select.t1,
.t1-all button,
.t1-all select {
	text-transform: none;
}

/*
 * Correct the inability to style clickable types in iOS and Safari.
 */

button.t1,
.t1[type="button"],
.t1[type="reset"],
.t1[type="submit"],
.t1-all button,
.t1-all [type="button"],
.t1-all [type="reset"],
.t1-all [type="submit"] {
	-webkit-appearance: button;
}

/*
 * Remove the inner border and padding in Firefox.
 */

button.t1::-moz-focus-inner,
.t1[type="button"]::-moz-focus-inner,
.t1[type="reset"]::-moz-focus-inner,
.t1[type="submit"]::-moz-focus-inner,
.t1-all button::-moz-focus-inner,
.t1-all [type="button"]::-moz-focus-inner,
.t1-all [type="reset"]::-moz-focus-inner,
.t1-all [type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/*
 * Restore the focus styles unset by the previous rule.
 */

button.t1:-moz-focusring,
.t1[type="button"]:-moz-focusring,
.t1[type="reset"]:-moz-focusring,
.t1[type="submit"]:-moz-focusring,
.t1-all button:-moz-focusring,
.t1-all [type="button"]:-moz-focusring,
.t1-all [type="reset"]:-moz-focusring,
.t1-all [type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/*
 * Opt-in styling.
 */

fieldset.t1,
.t1-all fieldset {
	margin: 0;
	padding: 0;
}

/*
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from "fieldset" elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    "fieldset" elements in all browsers.
 */

legend.t1,
.t1-all legend {
	box-sizing: border-box; /* 1 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	white-space: normal; /* 1 */
	color: inherit; /* 2 */
	padding: 0; /* 3 */
}

/*
 * Normalize vertical alignment in Chrome, Firefox, and Opera.
 */

progress.t1,
.t1-all progress {
	vertical-align: baseline;
}

/*
 * 1. Remove the default vertical scrollbar in IE 10+.
 * 2. Modern default.
 */

textarea.t1,
.t1-all textarea {
	overflow: auto; /* 1 */
	resize: vertical; /* 2 */
}

/*
 * 1. Normalize box sizing in IE 10.
 * 2. Remove padding in IE 10.
 */

.t1[type="checkbox"],
.t1[type="radio"],
.t1-all [type="checkbox"],
.t1-all [type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/*
 * Normalize cursor style of increment and decrement buttons in Chrome.
 */

.t1[type="number"]::-webkit-inner-spin-button,
.t1[type="number"]::-webkit-outer-spin-button,
.t1-all [type="number"]::-webkit-inner-spin-button,
.t1-all [type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/*
 * 1. Normalize odd appearance in Chrome and Safari.
 * 2. Normalize outline style in Safari.
 */

.t1[type="search"],
.t1-all [type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/*
 * Remove the inner padding in Chrome and Safari on macOS.
 */

.t1[type="search"]::-webkit-search-decoration,
.t1-all [type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/*
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to "inherit" in Safari.
 */

.t1::-webkit-file-upload-button,
.t1-all ::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/*
 * Normalize display in Edge, IE 10+, and Firefox.
 */

details.t1,
.t1-all details {
	display: block;
}

/*
 * Normalize display in all browsers.
 */

summary.t1,
.t1-all summary {
	display: list-item;
}

/*
 * Normalize display in IE 10+.
 */

template.t1,
.t1-all template {
	display: none;
}

/*
 * Opt-in styling.
 */

ol.t1,
ul.t1,
.t1-all ol,
.t1-all ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


/*
 * Modern default.
 */

table.t1,
.t1-all table {
	border-collapse: collapse;
}
