html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

:root {
	--black:					rgb(0, 0, 0);
	--darker-blue:              rgb(5, 5, 29);
	--dark-blue:				rgb(12, 12, 70);
	--light-blue:				rgb(13, 100, 176);
	--lighter-blue:				rgb(180, 220, 255);
	--gray:                     rgb(167, 167, 167);
	--light-gray:				rgb(210, 210, 210);
	--lighter-gray:				rgb(243, 243, 243);
	--off-white:				rgb(252, 252, 252);
	--white:					rgb(255, 255, 255);
	
	--white-a90:				rgba(255, 255, 255, 0.9);
}

:root {
	--vw:                                        calc((100vw - var(--scrollbar-width)) / 100);
	--container-width:			                 1570px;
	--header-height:                             0px;
	--top-bar-height:                            0px;
	
	--dark__accent-color:                        var(--light-blue);
	--dark__hyperlink-color:                     var(--light-blue);
	--dark__field-color:                         var(--black);
	--dark__field-background-color:              transparent;
	--dark__field-border-color:                  var(--gray);
	--dark__checkbox-check-url:                  url("data:image/svg+xml,%3Csvg width='167' height='218' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath stroke='%23000' id='svg_16' d='m0.000002,112.697894c0,0 73.64307,105.03828 73.64307,105.03828c0,0 42.63547,0 42.63547,0l50.46119,-217.73617c0.31377,0.38759 -43.87208,0.38759 -43.87208,0.38759c0,0 -36.82153,160.07678 -36.82153,160.07678c0,0 -45.73623,-63.95319 -46.05,-64.34078l-39.99612,16.5743z' stroke-opacity='null' stroke-width='0' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E");
	--dark__selectbox-caret-url:                 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='141.36422' height='84.93994' viewBox='0 0 141.36422 84.93994'%3E%3Cpolygon points='0 13.542 70.625 84.94 141.364 13.542 127.293 0 70.625 59.946 14.071 0 0 13.542' fill='%23000000'/%3E%3C/svg%3E");
	--dark__option-color:                        var(--black);
	--dark__option-background-color:             var(--white);
	--dark__button-color:                        var(--white);
	--dark__button-background-color:             var(--dark-blue);
	--dark__button-border-color:                 var(--dark-blue);
	--dark__blockquote-decoration-color:         var(--light-blue);
	--dark__code-background-color:               var(--lighter-gray);
	--dark__kbd-background-color:                var(--lighter-gray);
	--dark__table-border-color:                  var(--lighter-gray);
	--dark__table-header-cell-background-color:  var(--lighter-gray);
	--dark__table-header-cell-text-color:        var(--black);
	--dark__table-data-cell-background-color:    transparent;
	--dark__table-data-cell-text-color:          var(--black);
	--dark__table-footer-cell-background-color:  var(--off-white);
	--dark__table-footer-cell-text-color:        var(--black);
	--dark__txt-color:                           var(--black);
	
	--light__accent-color:                       var(--lighter-blue);
	--light__hyperlink-color:                    var(--lighter-blue);
	--light__field-color:                        var(--white);
	--light__field-background-color:             transparent;
	--light__field-border-color:                 var(--light-gray);
	--light__checkbox-check-url:                 url("data:image/svg+xml,%3Csvg width='167' height='218' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath stroke='%23000' id='svg_16' d='m0.000002,112.697894c0,0 73.64307,105.03828 73.64307,105.03828c0,0 42.63547,0 42.63547,0l50.46119,-217.73617c0.31377,0.38759 -43.87208,0.38759 -43.87208,0.38759c0,0 -36.82153,160.07678 -36.82153,160.07678c0,0 -45.73623,-63.95319 -46.05,-64.34078l-39.99612,16.5743z' stroke-opacity='null' stroke-width='0' fill='%23000000'/%3E%3C/g%3E%3C/svg%3E");
	--light__selectbox-caret-url:                url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='141.36422' height='84.93994' viewBox='0 0 141.36422 84.93994'%3E%3Cpolygon points='0 13.542 70.625 84.94 141.364 13.542 127.293 0 70.625 59.946 14.071 0 0 13.542' fill='%23ffffff'/%3E%3C/svg%3E");
	--light__option-color:                       var(--white);
	--light__option-background-color:            var(--black);
	--light__button-color:                       var(--dark-blue);
	--light__button-background-color:            var(--lighter-blue);
	--light__button-border-color:                var(--lighter-blue);
	--light__blockquote-decoration-color:        var(--light-blue);
	--light__code-background-color:              var(--dark-blue);
	--light__kbd-background-color:               var(--dark-blue);
	--light__table-border-color:                 var(--dark-blue);
	--light__table-header-cell-background-color: var(--dark-blue);
	--light__table-header-cell-text-color:       var(--white);
	--light__table-data-cell-background-color:   transparent;
	--light__table-data-cell-text-color:         var(--white);
	--light__table-footer-cell-background-color: var(--darker-blue);
	--light__table-footer-cell-text-color:       var(--white);
	--light__txt-color:                          var(--white-a90);
}


body {
	font-family: Arial;
	font-size:   19px;
	line-height: 1.5em;
}

#top-bar {
	font-size:   16px;
	line-height: 1.5;
	position:    sticky;
	top:         calc(0px - var(--top-bar-height));
}

main {
	margin-top: 50px;
}

#footer-logo {
	height:        96px;
	border-radius: 0px;
}

 h1,  h2,  h3,  h4,  h5,  h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family:   Arial;
	font-weight:   700;
	line-height:   1.2em;
}
 h1:not(:first-child),  h2:not(:first-child),  h3:not(:first-child),  h4:not(:first-child),  h5:not(:first-child),  h6:not(:first-child),
.h1:not(:first-child), .h2:not(:first-child), .h3:not(:first-child), .h4:not(:first-child), .h5:not(:first-child), .h6:not(:first-child) {
	margin-top: 37.5px;
}
 h1:not(:last-child),  h2:not(:last-child),  h3:not(:last-child),  h4:not(:last-child),  h5:not(:last-child),  h6:not(:last-child),
.h1:not(:last-child), .h2:not(:last-child), .h3:not(:last-child), .h4:not(:last-child), .h5:not(:last-child), .h6:not(:last-child) {
	margin-bottom: 25px;
}

h1, .h1 {
	font-size: 40px;
}
h2, .h2 {
	font-size: 33px;
}
h3, .h3 {
	font-size: 28px;
}
h4, .h4 {
	font-size: 24px;
}
h5, .h5 {
	font-size: 21px;
}
h6, .h6 {
	font-size: 19px;
}

p:not(:last-child) {
	margin-bottom: 12.5px;
}

a {
	color: var(--hyperlink-color);
}
img {
	display:       block;
	max-width:     100%;
	border-radius: calc(25px / var(--border-radius-depth));
}
img:not(:last-child) {
	margin-bottom: 12.5px;
}




label {
	font-size: 17px;
}
label[for] {
	display:      inline-block;
	margin-right: 18.75px;
}
label:not([for]) {
	display: block;
}
label:not([for]) > input:not([type="checkbox"]):not([type="radio"]),
label:not([for]) > select,
label:not([for]) > textarea {
	display:    block;
	margin-top: 6.25px;
}
label:not([for]) > input:not([type="checkbox"]):not([type="radio"]):not([type="image"]),
label:not([for]) > select,
label:not([for]) > textarea {
	width: 100%;
}
input, select, textarea {
	accent-color: var(--accent-color);
}
input:focus, select:focus, textarea:focus {
	outline: none;
}
input::placeholder {
	color:   inherit;
	opacity: 0.6;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="password"],
input[type="search"],
input[type="time"],
input[type="url"],
input[type="number"],
input[type="color"],
textarea,
select {
	-webkit-appearance: none;
	-moz-appearance:    none;
    appearance:         none;
	
	color:              var(--field-color);
	background-color:   var(--field-background-color);
	border:             1.5px solid var(--field-border-color);
	padding:            12.5px;
	
	font-family:        inherit;
	font-weight:        inherit;
	font-size:          15px;
	line-height:		1.5;
	
	vertical-align:     top;
	border-radius:      6.25px;
}
input[type="checkbox"],
input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance:    none;
    appearance:         none;
	width:              17px;
	height:             17px;
	background-color:   var(--field-background-color);
	border:             1.5px solid var(--field-border-color);
	margin:             0px 3px -2px 0px;
	position:           relative;
}
input[type="checkbox"] + label[for],
input[type="radio"]    + label[for] {
	display: inline;
}
input[type="checkbox"] {
	border-radius: 3.125px;
}
input[type="checkbox"]:checked {
	background-color:    var(--accent-color);
	border-color:        var(--accent-color);
	background-image:    var(--checkbox-check-url);
	background-size:     7px;
	background-repeat:   no-repeat;
	background-position: 3.5px 2.5px;
}
input[type="radio"] {
	border-radius: 50%;
}
input[type="radio"]:checked::after {
	content:          '';
	width:            9px;
	height:           9px;
	border-radius:    50%;
	background-color: var(--accent-color);
	position:         absolute;
	top:              2.5px;
	left:             2.5px;
}
input[type="range"] {
	background: var(--field-background-color);
}
input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
}
input[type="color"] {
	height: auto;
}
input[type="color"]::-webkit-color-swatch-wrapper {
	height: 1.5em;
}
input[type="color"]::-webkit-color-swatch {
	border: none;
}
textarea {
	resize:     vertical;
	min-height: 127px;
}
select {
	padding-right:       calc(12.5px + 1em * 85 / 141 + 25px);
	background-image:    var(--selectbox-caret-url);
	background-size:     auto 0.5em;
	background-repeat:   no-repeat;
	background-position: calc(100% - 12.5px) center;
}
option {
	color:            var(--txt-color);
	background-color: var(--bg-color);
}
button, input[type="submit"], .button {
	display:            inline-block;
	padding:            12.5px;
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
	color:              var(--button-color);
	background-color:   var(--button-background-color);
	border:             1.5px solid var(--button-border-color);
	border-radius:      6.25px;
	font-size:          15px;
	cursor:             pointer;
	outline:            0px;
}
button:hover, input[type="submit"]:hover, .button:hover {
	color:            var(--button-background-color);
	background-color: transparent;
	border-color:     var(--button-background-color);
}





@media (hover: none) {
	abbr[title] {
		text-decoration: none;
	}
	abbr[title]::after {
		content: ' (' attr(title) ')';
	}
}

address {
	font-style: italic;
}
address:not(:last-child) {
	margin-bottom: 12.5px;
}


b, strong {
	font-weight: bold;
}

blockquote {
	display:      block;
	font-style:   italic;
	padding-left: calc(3em + 25px);
	position:     relative;
	quotes:       none;
}
blockquote:not(:last-child) {
	margin-bottom: 12.5px;
}
blockquote::before {
	content:     '“';
	display:     block;
	font-size:   10em;
	margin-top:  0.32em;
	color:       var(--blockquote-decoration-color);
	font-style:  normal;
	position:    absolute;
	left:        0px;
	top:         0px;
}
blockquote::after {
	content: '';
	content: none;
}

cite {
	font-style: italic;
}

code {
	font-size:        0.8em;
	font-family:      monospace;
	padding:          0.125em;
	background-color: var(--code-background-color);
}
pre {
	display:    block;
	margin-top: 0px;
}
pre:not(:last-child) {
	margin-bottom: 12.5px;
}
pre > code {
	display:     block;
	padding:     1em;
	white-space: pre;
	overflow-x:  auto;
}

dd {
	margin-left: 0.75em;
}
dd:not(:last-child) {
	margin-bottom: 6.25px;
}
dl:not(:last-child) {
	margin-bottom: 12.5px;
}
dt {
	font-weight: bold;
}


del, s {
	text-decoration: line-through;
}
ins {
	text-decoration: underline;
}

details:not(:last-child) {
	margin-bottom: 12.5px;
}
details summary {
	cursor:           help;
	background-image: var(--selectbox-caret-url);
	background-size:  0px;
}
details summary::marker {
	content: '';
	display: none;
}
details:not(.read-more) summary::before {
	content:             '';
	display:             inline-block;
	width:               1em;
	height:              1em;
	background-image:    inherit;
	background-size:     auto 0.5em;
	background-repeat:   no-repeat;
	background-position: center center;
	transform:           rotate(-90deg);
	margin-bottom:       -0.15em;
	margin-right:        6.25px;
}
details[open] summary::before {
	transform: rotate(0deg);
}
details[open] summary {
	margin-bottom: 6.25px;
}
details.read-more > summary {
	font-weight: 600;
}
details.read-more > summary::after {
	content: ' ...';
}
details.read-more[open] > summary {
	display: none;
}

dfn {
	font-style: italic;
}

dialog {
	padding:          50px;
	color:            var(--txt-color);
	background-color: var(--bg-color);
	border:           1.5px solid currentColor;
	border-radius:    25px;
}
dialog::backdrop {
	background-color: rgba(0, 0, 0, .5);
}
dialog .row,
dialog .row::before {
	--col-spacing-multiplier: 1;
}
dialog .row .row,
dialog .row .row::before {
	--col-spacing-multiplier: 0.5;
}
dialog .row .row .row,
dialog .row .row .row::before {
	--col-spacing-multiplier: 0.25;
}



em, i {
	font-style: italic;
}

fieldset {
	padding: 12.5px;
	border:  1.5px solid currentColor;
	border-radius: 8.33px;
}
fieldset > legend {
	padding-left: 6.25px;
	padding-right: 6.25px;
}
fieldset > legend + .row {
	margin-top: 0px;
}

body {
	counter-reset: figcaption;
}
figure > figcaption::before {
	content:           "Figure " counter(figcaption) ". ";
	counter-increment: figcaption;
	font-style:        italic;
}
figure:not(:last-child) {
	margin-bottom: 12.5px;
}
figure > img ~ figcaption {
	margin-top: -6.25px;
}

hr {
	margin-top:          25px;
	margin-bottom:       25px;
	border-top-width:    0px;
	border-right-width:  0px;
	border-bottom-width: 1.5px;
	border-left-width:   0px;
	border-style:        solid;
	border-color:        currentColor;
	background:          currentColor;
	opacity:             0.2;
}

iframe {
	display:      block;
	width:        100%;
	aspect-ratio: 16/9;
	border:       1.5px solid var(--light-gray);
}

kbd {
	display:          inline-block;
	font-size:        0.8em;
	font-family:      monospace;
	padding:          0.125em 0.375em;
	margin-right:     0.25em;
	background-color: var(--kbd-background-color);
	line-height:      1.25em;
	border-radius:    0.5em;
	box-shadow:       .09375em .09375em currentColor;
}

ol:not(.row),
ul:not(.row) {
	list-style-position: outside;
	margin-left:         1em;
}
ol.row, ul.row {
	list-style: none;
}
ol:not(:last-child),
ul:not(:last-child) {
	margin-bottom: 12.5px;
}
ol li:not(.col):not(:last-child),
ul li:not(.col):not(:last-child) {
	margin-bottom: 6.25px;
}
#header nav ul,
#top-bar nav ul,
#footer nav ul {
	list-style:    none;
	margin-bottom: 0px;
	display:       flex;
	flex-wrap:     wrap;
}
#header nav ul,
#top-bar nav ul {
	align-items:   center;
}
#footer nav ul {
	flex-direction: column;
	margin-left:    0px;
}
#copyright-bar nav ul {
	flex-direction: row;
}
#header nav ul {
	margin-left:  -12.5px;
	margin-right: -12.5px;
}
#top-bar nav ul,
#copyright-bar nav ul {
	margin-left:  -6.25px;
	margin-right: -6.25px;
}
#header nav ul li,
#top-bar nav ul li,
#copyright-bar nav ul li {
	margin: 0px;
}
#header nav ul li > a,
#top-bar nav ul li > a,
#footer nav ul li > a {
	text-decoration: none;
	display:         block;
	color:           var(--txt-color);
}
#header nav ul li > a {
	padding: 6.25px 12.5px;
}
#top-bar nav ul li > a,
#copyright-bar nav ul li > a {
	padding-left:  6.25px;
	padding-right: 6.25px;
}



mark {
	padding: 3.125px 6.25px;
}

meter, progress {
	width:          7.5em;
	height:         1.5em;
	vertical-align: middle;
}
label:not([for]) > meter,
label:not([for]) > progress {
	display:    block;
	margin-top: 6.25px;
}

samp {
	font-family: monospace;
}

small {
	font-size: 0.8em;
}

sub {
	font-size: 0.8em;
	vertical-align: sub;
}
sup {
	font-size: 0.8em;
	vertical-align: super;
}


svg {
	display:   block;
	max-width: 100%;
}
svg:not(:last-child) {
	margin-bottom: 12.5px;
}


table {
	border-collapse: collapse;
	border-spacing:  0px;
	border:          1.5px solid var(--table-border-color);
	box-sizing:      border-box;
}
td, th {
	padding:    6.25px 12.5px;
	text-align: left;
}
td {
	background-color: var(--table-data-cell-background-color);
	color:            var(--table-data-cell-text-color);
}
th {
	background-color: var(--table-header-cell-background-color);
	color:            var(--table-header-cell-text-color);
}
th:not(:first-child),
td:not(:first-child) {
	border-left: 1.5px solid var(--table-border-color);
}
thead:not(:last-child) > tr > td,
thead:not(:last-child) > tr > th,
tbody:not(:last-child) > tr > td,
tbody:not(:last-child) > tr > th,
tfoot:not(:last-child) > tr > td,
tfoot:not(:last-child) > tr > th,
thead:last-child > tr:not(:last-child) > td,
thead:last-child > tr:not(:last-child) > th,
tbody:last-child > tr:not(:last-child) > td,
tbody:last-child > tr:not(:last-child) > th,
tfoot:last-child > tr:not(:last-child) > td,
tfoot:last-child > tr:not(:last-child) > th {
	border-bottom: 1.5px solid var(--table-border-color);
}
tfoot > tr > :not(th) {
	background-color: var(--table-footer-cell-background-color);
	color:            var(--table-footer-cell-text-color);
}

u {
	text-decoration-line:  underline;
	text-decoration-style: wavy;
	text-decoration-color: red;
}

var {
	font-style: italic;
}

video {
	display: block;
	width:   100%;
}
video:not(:last-child) {
	margin-bottom: 12.5px;
}




/* DT - Desktop */
.container {
	width:         var(--container-width);
	margin-left:   auto;
	margin-right:  auto;
	padding-left:  25px;
	padding-right: 25px;
}


.color-scheme-dark {
	--accent-color:                       var(--dark__accent-color);
	--hyperlink-color:                    var(--dark__hyperlink-color);
	--field-color:                        var(--dark__field-color);
	--field-background-color:             var(--dark__field-background-color);
	--field-border-color:                 var(--dark__field-border-color);
	--checkbox-check-url:                 var(--dark__checkbox-check-url);
	--selectbox-caret-url:                var(--dark__selectbox-caret-url);
	--option-color:                       var(--dark__option-color);
	--option-background-color:            var(--dark__option-background-color);
	--button-color:                       var(--dark__button-color);
	--button-background-color:            var(--dark__button-background-color);
	--button-border-color:                var(--dark__button-border-color);
	--blockquote-decoration-color:        var(--dark__blockquote-decoration-color);
	--code-background-color:              var(--dark__code-background-color);
	--kbd-background-color:               var(--dark__kbd-background-color);
	--table-border-color:                 var(--dark__table-border-color);
	--table-header-cell-background-color: var(--dark__table-header-cell-background-color);
	--table-header-cell-text-color:       var(--dark__table-header-cell-text-color);
	--table-data-cell-background-color:   var(--dark__table-data-cell-background-color);
	--table-data-cell-text-color:         var(--dark__table-data-cell-text-color);
	--table-footer-cell-background-color: var(--dark__table-footer-cell-background-color);
	--table-footer-cell-text-color:       var(--dark__table-footer-cell-text-color);
	--txt-color:                          var(--dark__txt-color);
}
.color-scheme-light {
	--accent-color:                       var(--light__accent-color);
	--hyperlink-color:                    var(--light__hyperlink-color);
	--field-color:                        var(--light__field-color);
	--field-background-color:             var(--light__field-background-color);
	--field-border-color:                 var(--light__field-border-color);
	--checkbox-check-url:                 var(--light__checkbox-check-url);
	--selectbox-caret-url:                var(--light__selectbox-caret-url);
	--option-color:                       var(--light__option-color);
	--option-background-color:            var(--light__option-background-color);
	--button-color:                       var(--light__button-color);
	--button-background-color:            var(--light__button-background-color);
	--button-border-color:                var(--light__button-border-color);
	--blockquote-decoration-color:        var(--light__blockquote-decoration-color);
	--code-background-color:              var(--light__code-background-color);
	--kbd-background-color:               var(--light__kbd-background-color);
	--table-border-color:                 var(--light__table-border-color);
	--table-header-cell-background-color: var(--light__table-header-cell-background-color);
	--table-header-cell-text-color:       var(--light__table-header-cell-text-color);
	--table-data-cell-background-color:   var(--light__table-data-cell-background-color);
	--table-data-cell-text-color:         var(--light__table-data-cell-text-color);
	--table-footer-cell-background-color: var(--light__table-footer-cell-background-color);
	--table-footer-cell-text-color:       var(--light__table-footer-cell-text-color);
	--txt-color:                          var(--light__txt-color);
}
[class^='txt-'],
[class*=' txt-'],
.color-scheme-dark,
.color-scheme-light {
	color: var(--txt-color) !important;
}

.txt-black {
	--txt-color: var(--black);
}
.txt-darker-blue {
	--txt-color: var(--darker-blue);
}
.txt-dark-blue {
	--txt-color: var(--dark-blue);
}
.txt-light-blue {
	--txt-color: var(--light-blue);
}
.txt-lighter-blue {
	--txt-color: var(--lighter-blue);
}
.txt-gray {
	--txt-color: var(--gray);
}
.txt-light-gray {
	--txt-color: var(--light-gray);
}
.txt-lighter-gray {
	--txt-color: var(--lighter-gray);
}
.txt-off-white {
	--txt-color: var(--off-white);
}
.txt-white {
	--txt-color: var(--white);
}

.bg-black {
	--bg-color: var(--black);
}
.bg-darker-blue {
	--bg-color: var(--darker-blue);
}
.bg-dark-blue {
	--bg-color: var(--dark-blue);
}
.bg-light-blue {
	--bg-color: var(--light-blue);
}
.bg-lighter-blue {
	--bg-color: var(--lighter-blue);
}
.bg-gray {
	--bg-color: var(--gray);
}
.bg-light-gray {
	--bg-color: var(--light-gray);
}
.bg-lighter-gray {
	--bg-color: var(--lighter-gray);
}
.bg-off-white {
	--bg-color: var(--off-white);
}
.bg-white {
	--bg-color: var(--white);
}

.bor-black {
	--bor-color: var(--black);
}
.bor-darker-blue {
	--bor-color: var(--darker-blue);
}
.bor-dark-blue {
	--bor-color: var(--dark-blue);
}
.bor-light-blue {
	--bor-color: var(--light-blue);
}
.bor-lighter-blue {
	--bor-color: var(--lighter-blue);
}
.bor-gray {
	--bor-color: var(--gray);
}
.bor-light-gray {
	--bor-color: var(--light-gray);
}
.bor-lighter-gray {
	--bor-color: var(--lighter-gray);
}
.bor-off-white {
	--bor-color: var(--off-white);
}
.bor-white {
	--bor-color: var(--white);
}

.txt-black-hover:hover {
	--txt-color: var(--black);
}
.txt-darker-blue-hover:hover {
	--txt-color: var(--darker-blue);
}
.txt-dark-blue-hover:hover {
	--txt-color: var(--dark-blue);
}
.txt-light-blue-hover:hover {
	--txt-color: var(--light-blue);
}
.txt-lighter-blue-hover:hover {
	--txt-color: var(--lighter-blue);
}
.txt-gray-hover:hover {
	--txt-color: var(--gray);
}
.txt-light-gray-hover:hover {
	--txt-color: var(--light-gray);
}
.txt-lighter-gray-hover:hover {
	--txt-color: var(--lighter-gray);
}
.txt-off-white-hover:hover {
	--txt-color: var(--off-white);
}
.txt-white-hover:hover {
	--txt-color: var(--white);
}

.bg-black-hover:hover {
	--bg-color: var(--black);
}
.bg-darker-blue-hover:hover {
	--bg-color: var(--darker-blue);
}
.bg-dark-blue-hover:hover {
	--bg-color: var(--dark-blue);
}
.bg-light-blue-hover:hover {
	--bg-color: var(--light-blue);
}
.bg-lighter-blue-hover:hover {
	--bg-color: var(--lighter-blue);
}
.bg-gray-hover:hover {
	--bg-color: var(--gray);
}
.bg-light-gray-hover:hover {
	--bg-color: var(--light-gray);
}
.bg-lighter-gray-hover:hover {
	--bg-color: var(--lighter-gray);
}
.bg-off-white-hover:hover {
	--bg-color: var(--off-white);
}
.bg-white-hover:hover {
	--bg-color: var(--white);
}

.bor-black-hover:hover {
	--bor-color: var(--black);
}
.bor-darker-blue-hover:hover {
	--bor-color: var(--darker-blue);
}
.bor-dark-blue-hover:hover {
	--bor-color: var(--dark-blue);
}
.bor-light-blue-hover:hover {
	--bor-color: var(--light-blue);
}
.bor-lighter-blue-hover:hover {
	--bor-color: var(--lighter-blue);
}
.bor-gray-hover:hover {
	--bor-color: var(--gray);
}
.bor-light-gray-hover:hover {
	--bor-color: var(--light-gray);
}
.bor-lighter-gray-hover:hover {
	--bor-color: var(--lighter-gray);
}
.bor-off-white-hover:hover {
	--bor-color: var(--off-white);
}
.bor-white-hover:hover {
	--bor-color: var(--white);
}

[class^='bor-'],
[class*=' bor-'] {
	border-color: var(--bor-color) !important;
}

[class^='bg-'],
[class*=' bg-'] {
	--has-fill-top:    1 !important;
	--has-fill-right:  1 !important;
	--has-fill-bottom: 1 !important;
	--has-fill-left:   1 !important;
	background-color:  var(--bg-color) !important;
}




.row[class^='bg-'] + .row,
.row[class*=' bg-'] + .row,
.row.border + .row,
.row.border-bottom + .row,
.row.box-shadow + .row {
	margin-top: calc(25px * 2 * var(--col-spacing-multiplier));
}

:not(.row):not(.col) + .row[class^='bg-'],
:not(.row):not(.col) + .row[class*=' bg-'],
:not(.row):not(.col) + .row.border,
:not(.row):not(.col) + .row.border-top,
:not(.row):not(.col) + .row.box-shadow {
	margin-top: max(12.5px, calc(25px * 2 * var(--col-spacing-multiplier)));
}

.row[class^='bg-'] + :not(.row):not(.col),
.row[class*=' bg-'] + :not(.row):not(.col),
.row.border + :not(.row):not(.col),
.row.border-bottom + :not(.row):not(.col),
.row.box-shadow + :not(.row):not(.col) {
	margin-top: max(12.5px, calc(25px * var(--col-spacing-multiplier)));
}


.no-txt-decor {
	text-decoration: none;
}


.uppercase {
	text-transform: uppercase;
}
.lowercase {
	text-transform: lowercase;
}
.capitalize {
	text-transform: capitalize;
}


.txt-left {
	text-align: left;
}
.txt-center {
	text-align: center;
}
.txt-right {
	text-align: right;
}




.border:not(.row), .border-top:not(.row) {
	--has-fill-top:   1 !important;
	border-top-width: 1.5px;
	border-top-style: solid;
}
.border:not(.row), .border-right:not(.row) {
	--has-fill-right:   1 !important;
	border-right-width: 1.5px;
	border-right-style: solid;
}
.border:not(.row), .border-bottom:not(.row) {
	--has-fill-bottom:   1 !important;
	border-bottom-width: 1.5px;
	border-bottom-style: solid;
}
.border:not(.row), .border-left:not(.row) {
	--has-fill-left:   1 !important;
	border-left-width: 1.5px;
	border-left-style: solid;
}

.row.border,
.row.border-top {
	--has-fill-top:    1 !important;
	padding-top:       calc(50px * var(--col-spacing-multiplier));
}
.row.border,
.row.border-right {
	--has-fill-right:  1 !important;
	padding-right:     calc(25px * var(--col-spacing-multiplier));
}
.row.border,
.row.border-bottom {
	--has-fill-bottom: 1 !important;
	padding-bottom:    calc(25px * var(--col-spacing-multiplier));
}
.row.border,
.row.border-left {
	--has-fill-left: 1 !important;
	padding-left:    calc(25px * var(--col-spacing-multiplier));
}

.row.border::before,
.row.border-top::before {
	--has-fill-top:     1;
	border-top-width:   1.5px;
	border-top-style:   solid;
}
.row.border::before,
.row.border-right::before {
	--has-fill-right:     1;
	border-right-width:   1.5px;
	border-right-style:   solid;
}
.row.border::before,
.row.border-bottom::before {
	--has-fill-bottom:     1;
	border-bottom-width:   1.5px;
	border-bottom-style:   solid;
}
.row.border::before,
.row.border-left::before {
	--has-fill-left:     1;
	border-left-width:   1.5px;
	border-left-style:   solid;
}


.border-solid:not(.row), .border-top-solid:not(.row) {
	border-top-style: solid;
}
.border-solid:not(.row), .border-right-solid:not(.row) {
	border-right-style: solid;
}
.border-solid:not(.row), .border-bottom-solid:not(.row) {
	border-bottom-style: solid;
}
.border-solid:not(.row), .border-left-solid:not(.row) {
	border-left-style: solid;
}

.row.border-solid::before, .row.border-top-solid::before {
	border-top-style: solid;
}
.row.border-solid::before, .row.border-right-solid::before {
	border-right-style: solid;
}
.row.border-solid::before, .row.border-bottom-solid::before {
	border-bottom-style: solid;
}
.row.border-solid::before, .row.border-left-solid::before {
	border-left-style: solid;
}


.border-dashed:not(.row), .border-top-dashed:not(.row) {
	border-top-style: dashed;
}
.border-dashed:not(.row), .border-right-dashed:not(.row) {
	border-right-style: dashed;
}
.border-dashed:not(.row), .border-bottom-dashed:not(.row) {
	border-bottom-style: dashed;
}
.border-dashed:not(.row), .border-left-dashed:not(.row) {
	border-left-style: dashed;
}

.row.border-dashed::before, .row.border-top-dashed::before {
	border-top-style: dashed;
}
.row.border-dashed::before, .row.border-right-dashed::before {
	border-right-style: dashed;
}
.row.border-dashed::before, .row.border-bottom-dashed::before {
	border-bottom-style: dashed;
}
.row.border-dashed::before, .row.border-left-dashed::before {
	border-left-style: dashed;
}


.border-dotted:not(.row), .border-top-dotted:not(.row) {
	border-top-style: dotted;
}
.border-dotted:not(.row), .border-right-dotted:not(.row) {
	border-right-style: dotted;
}
.border-dotted:not(.row), .border-bottom-dotted:not(.row) {
	border-bottom-style: dotted;
}
.border-dotted:not(.row), .border-left-dotted:not(.row) {
	border-left-style: dotted;
}

.row.border-dotted::before, .row.border-top-dotted::before {
	border-top-style: dotted;
}
.row.border-dotted::before, .row.border-right-dotted::before {
	border-right-style: dotted;
}
.row.border-dotted::before, .row.border-bottom-dotted::before {
	border-bottom-style: dotted;
}
.row.border-dotted::before, .row.border-left-dotted::before {
	border-left-style: dotted;
}


.border-rad-0,
.border-rad-top-right-0 {
	border-top-right-radius: 0px !important;
}
.border-rad-0,
.border-rad-bottom-right-0 {
	border-bottom-right-radius: 0px !important;
}
.border-rad-0,
.border-rad-bottom-left-0 {
	border-bottom-left-radius: 0px !important;
}
.border-rad-0,
.border-rad-top-left-0 {
	border-top-left-radius: 0px !important;
}

.border-rad-1,
.border-rad-top-right-1 {
	border-top-right-radius: 25px !important;
}
.border-rad-1,
.border-rad-bottom-right-1 {
	border-bottom-right-radius: 25px !important;
}
.border-rad-1,
.border-rad-bottom-left-1 {
	border-bottom-left-radius: 25px !important;
}
.border-rad-1,
.border-rad-top-left-1 {
	border-top-left-radius: 25px !important;
}

.border-rad-2,
.border-rad-top-right-2 {
	border-top-right-radius: calc(25px / 2) !important;
}
.border-rad-2,
.border-rad-bottom-right-2 {
	border-bottom-right-radius: calc(25px / 2) !important;
}
.border-rad-2,
.border-rad-bottom-left-2 {
	border-bottom-left-radius: calc(25px / 2) !important;
}
.border-rad-2,
.border-rad-top-left-2 {
	border-top-left-radius: calc(25px / 2) !important;
}

.border-rad-3,
.border-rad-top-right-3 {
	border-top-right-radius: calc(25px / 3) !important;
}
.border-rad-3,
.border-rad-bottom-right-3 {
	border-bottom-right-radius: calc(25px / 3) !important;
}
.border-rad-3,
.border-rad-bottom-left-3 {
	border-bottom-left-radius: calc(25px / 3) !important;
}
.border-rad-3,
.border-rad-top-left-3 {
	border-top-left-radius: calc(25px / 3) !important;
}

.border-rad-4,
.border-rad-top-right-4 {
	border-top-right-radius: calc(25px / 4) !important;
}
.border-rad-4,
.border-rad-bottom-right-4 {
	border-bottom-right-radius: calc(25px / 4) !important;
}
.border-rad-4,
.border-rad-bottom-left-4 {
	border-bottom-left-radius: calc(25px / 4) !important;
}
.border-rad-4,
.border-rad-top-left-4 {
	border-top-left-radius: calc(25px / 4) !important;
}

.border-rad-5,
.border-rad-top-right-5 {
	border-top-right-radius: calc(25px / 5) !important;
}
.border-rad-5,
.border-rad-bottom-right-5 {
	border-bottom-right-radius: calc(25px / 5) !important;
}
.border-rad-5,
.border-rad-bottom-left-5 {
	border-bottom-left-radius: calc(25px / 5) !important;
}
.border-rad-5,
.border-rad-top-left-5 {
	border-top-left-radius: calc(25px / 5) !important;
}



.mar-auto, .mar-top-auto {
	margin-top: auto !important;
}
.mar-auto, .mar-right-auto {
	margin-right: auto !important;
}
.mar-auto, .mar-bottom-auto {
	margin-bottom: auto !important;
}
.mar-auto, .mar-left-auto {
	margin-left: auto !important;
}

.mar-0,
.mar-top-0 {
	margin-top: 0px !important;
}
.mar-0,
.mar-right-0 {
	margin-right: 0px !important;
}
.mar-0,
.mar-bottom-0 {
	margin-bottom: 0px !important;
}
.mar-0,
.mar-left-0 {
	margin-left: 0px !important;
}

.mar-1,
.mar-top-1 {
	margin-top: 50px !important;
}
.mar-1,
.mar-right-1 {
	margin-right: 50px !important;
}
.mar-1,
.mar-bottom-1 {
	margin-bottom: 50px !important;
}
.mar-1,
.mar-left-1 {
	margin-left: 50px !important;
}

.mar-2,
.mar-top-2 {
	margin-top: 25px !important;
}
.mar-2,
.mar-right-2 {
	margin-right: 25px !important;
}
.mar-2,
.mar-bottom-2 {
	margin-bottom: 25px !important;
}
.mar-2,
.mar-left-2 {
	margin-left: 25px !important;
}

.mar-3,
.mar-top-3 {
	margin-top: 12.5px !important;
}
.mar-3,
.mar-right-3 {
	margin-right: 12.5px !important;
}
.mar-3,
.mar-bottom-3 {
	margin-bottom: 12.5px !important;
}
.mar-3,
.mar-left-3 {
	margin-left: 12.5px !important;
}

.mar-4,
.mar-top-4 {
	margin-top: 6.25px !important;
}
.mar-4,
.mar-right-4 {
	margin-right: 6.25px !important;
}
.mar-4,
.mar-bottom-4 {
	margin-bottom: 6.25px !important;
}
.mar-4,
.mar-left-4 {
	margin-left: 6.25px !important;
}


.mar-n1,
.mar-top-n1 {
	margin-top: -50px !important;
}
.mar-n1,
.mar-right-n1 {
	margin-right: -50px !important;
}
.mar-n1,
.mar-bottom-n1 {
	margin-bottom: -50px !important;
}
.mar-n1,
.mar-left-n1 {
	margin-left: -50px !important;
}

.mar-n2,
.mar-top-n2 {
	margin-top: -25px !important;
}
.mar-n2,
.mar-right-n2 {
	margin-right: -25px !important;
}
.mar-n2,
.mar-bottom-n2 {
	margin-bottom: -25px !important;
}
.mar-n2,
.mar-left-n2 {
	margin-left: -25px !important;
}

.mar-n3,
.mar-top-n3 {
	margin-top: -12.5px !important;
}
.mar-n3,
.mar-right-n3 {
	margin-right: -12.5px !important;
}
.mar-n3,
.mar-bottom-n3 {
	margin-bottom: -12.5px !important;
}
.mar-n3,
.mar-left-n3 {
	margin-left: -12.5px !important;
}

.mar-n4,
.mar-top-n4 {
	margin-top: -6.25px !important;
}
.mar-n4,
.mar-right-n4 {
	margin-right: -6.25px !important;
}
.mar-n4,
.mar-bottom-n4 {
	margin-bottom: -6.25px !important;
}
.mar-n4,
.mar-left-n4 {
	margin-left: -6.25px !important;
}


.pad-0,
.pad-top-0 {
	padding-top: 0px !important;
}
.pad-0,
.pad-right-0 {
	padding-right: 0px !important;
}
.pad-0,
.pad-bottom-0 {
	padding-bottom: 0px !important;
}
.pad-0,
.pad-left-0 {
	padding-left: 0px !important;
}

.pad-1,
.pad-top-1 {
	padding-top: 50px !important;
}
.pad-1,
.pad-right-1 {
	padding-right: 50px !important;
}
.pad-1,
.pad-bottom-1 {
	padding-bottom: 50px !important;
}
.pad-1,
.pad-left-1 {
	padding-left: 50px !important;
}

.pad-2,
.pad-top-2 {
	padding-top: 25px !important;
}
.pad-2,
.pad-right-2 {
	padding-right: 25px !important;
}
.pad-2,
.pad-bottom-2 {
	padding-bottom: 25px !important;
}
.pad-2,
.pad-left-2 {
	padding-left: 25px !important;
}

.pad-3,
.pad-top-3 {
	padding-top: 12.5px !important;
}
.pad-3,
.pad-right-3 {
	padding-right: 12.5px !important;
}
.pad-3,
.pad-bottom-3 {
	padding-bottom: 12.5px !important;
}
.pad-3,
.pad-left-3 {
	padding-left: 12.5px !important;
}

.pad-4,
.pad-top-4 {
	padding-top: 6.25px !important;
}
.pad-4,
.pad-right-4 {
	padding-right: 6.25px !important;
}
.pad-4,
.pad-bottom-4 {
	padding-bottom: 6.25px !important;
}
.pad-4,
.pad-left-4 {
	padding-left: 6.25px !important;
}


.row.full-width {
	margin-left:   calc(50% - 50 * var(--vw));
	margin-right:  calc(50% - 50 * var(--vw));
}
.row.full-width.content-in-container {
	padding-left:  calc(50 * var(--vw) - 50% - 25px * var(--col-spacing-multiplier));
	padding-right: calc(50 * var(--vw) - 50% - 25px * var(--col-spacing-multiplier));
}
main > article > .container > .row.full-width:first-child {
	margin-top: calc(-50px * var(--has-fill-top));
}

.row.full-height {
	min-height: calc(100vh - var(--header-height) - var(--top-bar-height));
}



.absolute {
	position: absolute !important;
}
.fixed {
	position: fixed !important;
}
.relative {
	position: relative !important;
}
.static {
	position: static !important;
}
.sticky {
	position: sticky !important;
}


.top {
	top:    0px;
	bottom: auto;
}
.right {
	right: 0px;
	left:  auto;
}
.bottom {
	bottom: 0px;
	top:    auto;
}
.left {
	left:  0px;
	right: auto;
}

.top-out {
	bottom: 100%;
	top:    auto;
}
.right-out {
	left:  100%;
	right: auto;
}
.bottom-out {
	top:    100%;
	bottom: auto;
}
.left-out {
	right: 100%;
	left:  auto;
}

.out-container-left {
	margin-left: calc((var(--container-width) - var(--vw) * 100) / 2 - 25px);
	max-width:   calc(100% + (var(--vw) * 100 - var(--container-width)) / 2 + 25px);
}
.out-container-right {
	margin-right: calc((var(--container-width) - var(--vw) * 100) / 2 - 25px);
	max-width:    calc(100% + (var(--vw) * 100 - var(--container-width)) / 2 + 25px);
}


.box-shadow {
	--has-fill-top:    1 !important;
	--has-fill-right:  1 !important;
	--has-fill-bottom: 1 !important;
	--has-fill-left:   1 !important;
	box-shadow:        0px 0px 6.25px 6.25px rgba(0, 0, 0, 0.03);
}






.rtl {
	direction: rtl;
}
.ltr {
	direction: ltr;
}



/* 15.2. Making your layout responsive (additional utility classes) */

.self-stretch {
	align-self: stretch;
}
.self-start {
	align-self: flex-start;
}
.self-center {
	align-self: center;
}
.self-end {
	align-self: flex-end;
}




[class*='w-1//']{--a:1}
[class*='w-2//']{--a:2}
[class*='w-3//']{--a:3}
[class*='w-4//']{--a:4}
[class*='w-5//']{--a:5}
[class*='w-6//']{--a:6}
[class*='w-7//']{--a:7}
[class*='w-8//']{--a:8}
[class*='w-9//']{--a:9}
[class*='w-10//']{--a:10}
[class*='w-11//']{--a:11}
[class*='w-12//']{--a:12}
[class*='w-13//']{--a:13}
[class*='w-14//']{--a:14}
[class*='w-15//']{--a:15}
[class*='w-16//']{--a:16}
[class*='w-17//']{--a:17}
[class*='w-18//']{--a:18}
[class*='w-19//']{--a:19}
[class*='w-20//']{--a:20}
[class*='w-21//']{--a:21}
[class*='w-22//']{--a:22}
[class*='w-23//']{--a:23}
[class*='w-24//']{--a:24}

[class*='//1']{--b:1}
[class*='//2']{--b:2}
[class*='//3']{--b:3}
[class*='//4']{--b:4}
[class*='//5']{--b:5}
[class*='//6']{--b:6}
[class*='//7']{--b:7}
[class*='//8']{--b:8}
[class*='//9']{--b:9}
[class*='//10']{--b:10}
[class*='//11']{--b:11}
[class*='//12']{--b:12}
[class*='//13']{--b:13}
[class*='//14']{--b:14}
[class*='//15']{--b:15}
[class*='//16']{--b:16}
[class*='//17']{--b:17}
[class*='//18']{--b:18}
[class*='//19']{--b:19}
[class*='//20']{--b:20}
[class*='//21']{--b:21}
[class*='//22']{--b:22}
[class*='//23']{--b:23}
[class*='//24']{--b:24}

.col[class*='//'] {
	flex-grow:  0;
	flex-basis: calc(var(--a) / var(--b) * 100% - 25px * 2 * var(--col-spacing-multiplier));
	/*width:      calc(var(--a) / var(--b) * 100% - 25px * 2 * var(--col-spacing-multiplier));*/
}
.col.w-auto {
	flex-basis: auto;
	/*max-width:  calc(100% - 25px * 2 * var(--col-spacing-multiplier));*/
	flex-grow:  0;
}






.w100 {
	width: 100% !important;
}
.h100 {
	height: 100% !important;
}


.z-1  {--z:1}  .z-2  {--z:2}  .z-3  {--z:3}
.z-4  {--z:4}  .z-5  {--z:5}  .z-6  {--z:6}
.z-7  {--z:7}  .z-8  {--z:8}  .z-9  {--z:9}
.z-10 {--z:10} .z-11 {--z:11} .z-12 {--z:12}
.z-13 {--z:13} .z-14 {--z:14} .z-15 {--z:15}
.z-16 {--z:16} .z-17 {--z:17} .z-18 {--z:18}
.z-19 {--z:19} .z-20 {--z:20} .z-21 {--z:21}
.z-22 {--z:22} .z-23 {--z:23} .z-24 {--z:24}
.z-25 {--z:25} .z-26 {--z:26} .z-27 {--z:27}
.z-28 {--z:28} .z-29 {--z:29} .z-30 {--z:30}
.z-31 {--z:31} .z-32 {--z:32} .z-33 {--z:33}
.z-34 {--z:34} .z-35 {--z:35} .z-36 {--z:36}
.z-37 {--z:37} .z-38 {--z:38} .z-39 {--z:39}
.z-40 {--z:40} .z-41 {--z:41} .z-42 {--z:42}
.z-43 {--z:43} .z-44 {--z:44} .z-45 {--z:45}
.z-46 {--z:46} .z-47 {--z:47} .z-48 {--z:48}

[class^='z-'], [class*=' z-'] {
	z-index:  var(--z);
	position: relative;
}

.hide {
	display: none !important;
}
.invisible {
	visibility: hidden !important;
}

.no-pointer-events {
	pointer-events: none !important;
}



/* 15.2. Making your layout responsive (additional utility classes) */

.obj-contain {
	object-fit: contain;
}
.obj-cover {
	object-fit: cover;
}



/* 17. Creating a top bar (additional utility classes) */

.icon {
	width:         1em;
	height:        1em;
	object-fit:    contain;
	border-radius: 0px;
}






/* DT - Desktop */
@media (min-width: 1600px) {
	:root {
		--top-bar-height: 49px;
	}
	
	
	/* 14.2.1. Headings */
	
	.dt__h1, .dt__h2, .dt__h3, .dt__h4, .dt__h5, .dt__h6 {
		font-family:   Arial;
		font-weight:   700;
		line-height:   1.2em;
	}
	.dt__h1:not(:first-child), .dt__h2:not(:first-child), .dt__h3:not(:first-child), .dt__h4:not(:first-child), .dt__h5:not(:first-child), .dt__h6:not(:first-child) {
		margin-top: 37.5px;
	}
	.dt__h1:not(:last-child), .dt__h2:not(:last-child), .dt__h3:not(:last-child), .dt__h4:not(:last-child), .dt__h5:not(:last-child), .dt__h6:not(:last-child) {
		margin-bottom: 25px;
	}

	h1, .h1, .dt__h1 {
		font-size: 40px;
	}
	h2, .h2, .dt__h2 {
		font-size: 33px;
	}
	h3, .h3, .dt__h3 {
		font-size: 28px;
	}
	h4, .h4, .dt__h4 {
		font-size: 24px;
	}
	h5, .h5, .dt__h5 {
		font-size: 21px;
	}
	h6, .h6, .dt__h6 {
		font-size: 19px;
	}
	
	
	/* 14.2.2. Dialogs */
	
	dialog:not(#_) :is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) {
		--border-radius-depth: 2;
	}
	dialog:not(#_) :is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) :is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) {
		--border-radius-depth: 3;
	}
	dialog:not(#_) :is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) :is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) :is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) {
		--border-radius-depth: 4;
	}
	dialog:not(#_) :is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) :is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) :is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) :is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) {
		--border-radius-depth: 5;
	}
	
	
	/* 14.2.3. Color schemes */
	
	.dt__color-scheme-dark {
		--accent-color:                       var(--dark__accent-color);
		--hyperlink-color:                    var(--dark__hyperlink-color);
		--field-color:                        var(--dark__field-color);
		--field-background-color:             var(--dark__field-background-color);
		--field-border-color:                 var(--dark__field-border-color);
		--checkbox-check-url:                 var(--dark__checkbox-check-url);
		--selectbox-caret-url:                var(--dark__selectbox-caret-url);
		--option-color:                       var(--dark__option-color);
		--option-background-color:            var(--dark__option-background-color);
		--button-color:                       var(--dark__button-color);
		--button-background-color:            var(--dark__button-background-color);
		--button-border-color:                var(--dark__button-border-color);
		--blockquote-decoration-color:        var(--dark__blockquote-decoration-color);
		--code-background-color:              var(--dark__code-background-color);
		--kbd-background-color:               var(--dark__kbd-background-color);
		--table-border-color:                 var(--dark__table-border-color);
		--table-header-cell-background-color: var(--dark__table-header-cell-background-color);
		--table-header-cell-text-color:       var(--dark__table-header-cell-text-color);
		--table-data-cell-background-color:   var(--dark__table-data-cell-background-color);
		--table-data-cell-text-color:         var(--dark__table-data-cell-text-color);
		--table-footer-cell-background-color: var(--dark__table-footer-cell-background-color);
		--table-footer-cell-text-color:       var(--dark__table-footer-cell-text-color);
		--txt-color:                          var(--dark__txt-color);
	}
	.dt__color-scheme-light {
		--accent-color:                       var(--light__accent-color);
		--hyperlink-color:                    var(--light__hyperlink-color);
		--field-color:                        var(--light__field-color);
		--field-background-color:             var(--light__field-background-color);
		--field-border-color:                 var(--light__field-border-color);
		--checkbox-check-url:                 var(--light__checkbox-check-url);
		--selectbox-caret-url:                var(--light__selectbox-caret-url);
		--option-color:                       var(--light__option-color);
		--option-background-color:            var(--light__option-background-color);
		--button-color:                       var(--light__button-color);
		--button-background-color:            var(--light__button-background-color);
		--button-border-color:                var(--light__button-border-color);
		--blockquote-decoration-color:        var(--light__blockquote-decoration-color);
		--code-background-color:              var(--light__code-background-color);
		--kbd-background-color:               var(--light__kbd-background-color);
		--table-border-color:                 var(--light__table-border-color);
		--table-header-cell-background-color: var(--light__table-header-cell-background-color);
		--table-header-cell-text-color:       var(--light__table-header-cell-text-color);
		--table-data-cell-background-color:   var(--light__table-data-cell-background-color);
		--table-data-cell-text-color:         var(--light__table-data-cell-text-color);
		--table-footer-cell-background-color: var(--light__table-footer-cell-background-color);
		--table-footer-cell-text-color:       var(--light__table-footer-cell-text-color);
		--txt-color:                          var(--light__txt-color);
	}
	[class^='dt__txt-'],
	[class*=' dt__txt-'],
	.dt__color-scheme-dark,
	.dt__color-scheme-light {
		color: var(--txt-color) !important;
	}
	
	.row[class^='bg-']:not(.full-width):not(.dt__full-width),
	.row[class^='dt__bg-']:not(.full-width):not(.dt__full-width),
	.row[class*=' bg-']:not(.full-width):not(.dt__full-width),
	.row[class*=' dt__bg-']:not(.full-width):not(.dt__full-width),
	.row.box-shadow:not(.full-width):not(.dt__full-width),
	.row.dt__box-shadow:not(.full-width):not(.dt__full-width) {
		border-radius: calc(25px / var(--border-radius-depth));
	}
	
	
	
	/* 14.2.4. Text colors, background colors, and border colors */
	
	.dt__txt-black {
		--txt-color: var(--black);
	}
	.dt__txt-darker-blue {
		--txt-color: var(--darker-blue);
	}
	.dt__txt-dark-blue {
		--txt-color: var(--dark-blue);
	}
	.dt__txt-light-blue {
		--txt-color: var(--light-blue);
	}
	.dt__txt-lighter-blue {
		--txt-color: var(--lighter-blue);
	}
	.dt__txt-gray {
		--txt-color: var(--gray);
	}
	.dt__txt-light-gray {
		--txt-color: var(--light-gray);
	}
	.dt__txt-lighter-gray {
		--txt-color: var(--lighter-gray);
	}
	.dt__txt-off-white {
		--txt-color: var(--off-white);
	}
	.dt__txt-white {
		--txt-color: var(--white);
	}

	.dt__bg-black {
		--bg-color: var(--black);
	}
	.dt__bg-darker-blue {
		--bg-color: var(--darker-blue);
	}
	.dt__bg-dark-blue {
		--bg-color: var(--dark-blue);
	}
	.dt__bg-light-blue {
		--bg-color: var(--light-blue);
	}
	.dt__bg-lighter-blue {
		--bg-color: var(--lighter-blue);
	}
	.dt__bg-gray {
		--bg-color: var(--gray);
	}
	.dt__bg-light-gray {
		--bg-color: var(--light-gray);
	}
	.dt__bg-lighter-gray {
		--bg-color: var(--lighter-gray);
	}
	.dt__bg-off-white {
		--bg-color: var(--off-white);
	}
	.dt__bg-white {
		--bg-color: var(--white);
	}

	.dt__bor-black {
		--bor-color: var(--black);
	}
	.dt__bor-darker-blue {
		--bor-color: var(--darker-blue);
	}
	.dt__bor-dark-blue {
		--bor-color: var(--dark-blue);
	}
	.dt__bor-light-blue {
		--bor-color: var(--light-blue);
	}
	.dt__bor-lighter-blue {
		--bor-color: var(--lighter-blue);
	}
	.dt__bor-gray {
		--bor-color: var(--gray);
	}
	.dt__bor-light-gray {
		--bor-color: var(--light-gray);
	}
	.dt__bor-lighter-gray {
		--bor-color: var(--lighter-gray);
	}
	.dt__bor-off-white {
		--bor-color: var(--off-white);
	}
	.dt__bor-white {
		--bor-color: var(--white);
	}

	.dt__txt-black-hover:hover {
		--txt-color: var(--black);
	}
	.dt__txt-darker-blue-hover:hover {
		--txt-color: var(--darker-blue);
	}
	.dt__txt-dark-blue-hover:hover {
		--txt-color: var(--dark-blue);
	}
	.dt__txt-light-blue-hover:hover {
		--txt-color: var(--light-blue);
	}
	.dt__txt-lighter-blue-hover:hover {
		--txt-color: var(--lighter-blue);
	}
	.dt__txt-gray-hover:hover {
		--txt-color: var(--gray);
	}
	.dt__txt-light-gray-hover:hover {
		--txt-color: var(--light-gray);
	}
	.dt__txt-lighter-gray-hover:hover {
		--txt-color: var(--lighter-gray);
	}
	.dt__txt-off-white-hover:hover {
		--txt-color: var(--off-white);
	}
	.dt__txt-white-hover:hover {
		--txt-color: var(--white);
	}

	.dt__bg-black-hover:hover {
		--bg-color: var(--black);
	}
	.dt__bg-darker-blue-hover:hover {
		--bg-color: var(--darker-blue);
	}
	.dt__bg-dark-blue-hover:hover {
		--bg-color: var(--dark-blue);
	}
	.dt__bg-light-blue-hover:hover {
		--bg-color: var(--light-blue);
	}
	.dt__bg-lighter-blue-hover:hover {
		--bg-color: var(--lighter-blue);
	}
	.dt__bg-gray-hover:hover {
		--bg-color: var(--gray);
	}
	.dt__bg-light-gray-hover:hover {
		--bg-color: var(--light-gray);
	}
	.dt__bg-lighter-gray-hover:hover {
		--bg-color: var(--lighter-gray);
	}
	.dt__bg-off-white-hover:hover {
		--bg-color: var(--off-white);
	}
	.dt__bg-white-hover:hover {
		--bg-color: var(--white);
	}

	.dt__bor-black-hover:hover {
		--bor-color: var(--black);
	}
	.dt__bor-darker-blue-hover:hover {
		--bor-color: var(--darker-blue);
	}
	.dt__bor-dark-blue-hover:hover {
		--bor-color: var(--dark-blue);
	}
	.dt__bor-light-blue-hover:hover {
		--bor-color: var(--light-blue);
	}
	.dt__bor-lighter-blue-hover:hover {
		--bor-color: var(--lighter-blue);
	}
	.dt__bor-gray-hover:hover {
		--bor-color: var(--gray);
	}
	.dt__bor-light-gray-hover:hover {
		--bor-color: var(--light-gray);
	}
	.dt__bor-lighter-gray-hover:hover {
		--bor-color: var(--lighter-gray);
	}
	.dt__bor-off-white-hover:hover {
		--bor-color: var(--off-white);
	}
	.dt__bor-white-hover:hover {
		--bor-color: var(--white);
	}
	
	[class^='dt__bor-'],
	[class*=' dt__bor-'] {
		border-color: var(--bor-color) !important;
	}

	[class^='dt__bg-'],
	[class*=' dt__bg-'] {
		--has-fill-top:    1 !important;
		--has-fill-right:  1 !important;
		--has-fill-bottom: 1 !important;
		--has-fill-left:   1 !important;
		background-color:  var(--bg-color) !important;
	}
	
	
	
	/* 14.2.5. Border radius depth */
	
	:is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) :is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) {
		--border-radius-depth: 1;
	}
	:is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) :is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) :is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) {
		--border-radius-depth: 2;
	}
	:is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) :is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) :is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) :is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) {
		--border-radius-depth: 3;
	}
	:is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) :is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) :is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) :is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) :is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) {
		--border-radius-depth: 4;
	}
	:is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) :is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) :is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) :is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) :is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) :is([class^='bg-'], [class^='dt__bg-'], [class*=' bg-'], [class*=' dt__bg-'], img, .border, .dt__border, .border-top.border-left, .border-top.dt__border-left, .dt__border-top.border-left, .dt__border-top.dt__border-left, .border-top.border-right, .border-top.dt__border-right, .dt__border-top.border-right, .dt__border-top.dt__border-right, .border-bottom.border-left, .border-bottom.dt__border-left, .dt__border-bottom.border-left, .dt__border-bottom.dt__border-left, .border-bottom.border-right, .border-bottom.dt__border-right, .dt__border-bottom.border-right, .dt__border-bottom.dt__border-right, .box-shadow, .dt__box-shadow):not(.full-width):not(.dt__full-width) {
		--border-radius-depth: 5;
	}
	
	.border:not(.full-width):not(.dt__full-width),
	.dt__border:not(.full-width):not(.dt__full-width),
	.border-top.border-left:not(.full-width):not(.dt__full-width),
	.border-top.dt__border-left:not(.full-width):not(.dt__full-width),
	.dt__border-top.border-left:not(.full-width):not(.dt__full-width),
	.dt__border-top.dt__border-left:not(.full-width):not(.dt__full-width) {
		border-top-left-radius: calc(25px / var(--border-radius-depth));
	}
	.border:not(.full-width):not(.dt__full-width),
	.dt__border:not(.full-width):not(.dt__full-width),
	.border-top.border-right:not(.full-width):not(.dt__full-width),
	.border-top.dt__border-right:not(.full-width):not(.dt__full-width),
	.dt__border-top.border-right:not(.full-width):not(.dt__full-width),
	.dt__border-top.dt__border-right:not(.full-width):not(.dt__full-width) {
		border-top-right-radius: calc(25px / var(--border-radius-depth));
	}
	.border:not(.full-width):not(.dt__full-width),
	.dt__border:not(.full-width):not(.dt__full-width),
	.border-bottom.border-left:not(.full-width):not(.dt__full-width),
	.border-bottom.dt__border-left:not(.full-width):not(.dt__full-width),
	.dt__border-bottom.border-left:not(.full-width):not(.dt__full-width),
	.dt__border-bottom.dt__border-left:not(.full-width):not(.dt__full-width) {
		border-bottom-left-radius: calc(25px / var(--border-radius-depth));
	}
	.border:not(.full-width):not(.dt__full-width),
	.dt__border:not(.full-width):not(.dt__full-width),
	.border-bottom.border-right:not(.full-width):not(.dt__full-width),
	.border-bottom.dt__border-right:not(.full-width):not(.dt__full-width),
	.dt__border-bottom.border-right:not(.full-width):not(.dt__full-width),
	.dt__border-bottom.dt__border-right:not(.full-width):not(.dt__full-width) {
		border-bottom-right-radius: calc(25px / var(--border-radius-depth));
	}
	
	.row[class^='bg-']:not(.full-width):not(.dt__full-width),
	.row[class^='dt__bg-']:not(.full-width):not(.dt__full-width),
	.row[class*=' bg-']:not(.full-width):not(.dt__full-width),
	.row[class*=' dt__bg-']:not(.full-width):not(.dt__full-width),
	.col[class^='bg-'],
	.col[class^='dt__bg-'],
	.col[class*=' bg-'],
	.col[class*=' dt__bg-'],
	.row.box-shadow:not(.full-width):not(.dt__full-width),
	.row.dt__box-shadow:not(.full-width):not(.dt__full-width),
	.col.box-shadow,
	.col.dt__box-shadow {
		border-radius: calc(25px / var(--border-radius-depth));
	}
	
	
	
	/* 14.2.6. Spacing for filled rows or columns */
	
	.row[class^='dt__bg-'] + .row,
	.row[class*=' dt__bg-'] + .row,
	.row.dt__border + .row,
	.row.dt__border-bottom + .row,
	.row.dt__box-shadow + .row {
		margin-top: calc(25px * 2 * var(--col-spacing-multiplier));
	}

	:not(.row):not(.col) + .row[class^='dt__bg-'],
	:not(.row):not(.col) + .row[class*=' dt__bg-'],
	:not(.row):not(.col) + .row.dt__border,
	:not(.row):not(.col) + .row.dt__border-top,
	:not(.row):not(.col) + .row.dt__box-shadow {
		margin-top: max(12.5px, calc(25px * 2 * var(--col-spacing-multiplier)));
	}

	.row[class^='dt__bg-'] + :not(.row):not(.col),
	.row[class*=' dt__bg-'] + :not(.row):not(.col),
	.row.dt__border + :not(.row):not(.col),
	.row.dt__border-bottom + :not(.row):not(.col),
	.row.dt__box-shadow + :not(.row):not(.col) {
		margin-top: max(12.5px, calc(25px * var(--col-spacing-multiplier)));
	}
	
	
	
	/* 14.2.7. Simple text-related utility classes */
	
	.dt__no-txt-decor {
		text-decoration: none;
	}


	.dt__uppercase {
		text-transform: uppercase;
	}
	.dt__lowercase {
		text-transform: lowercase;
	}
	.dt__capitalize {
		text-transform: capitalize;
	}


	.dt__txt-left {
		text-align: left;
	}
	.dt__txt-center {
		text-align: center;
	}
	.dt__txt-right {
		text-align: right;
	}
	
	
	
	/* 14.2.8. Borders, border radiuses, margins, and paddings */
	
	.dt__border:not(.row), .dt__border-top:not(.row) {
		--has-fill-top:   1 !important;
		border-top-width: 1.5px;
		border-top-style: solid;
	}
	.dt__border:not(.row), .dt__border-right:not(.row) {
		--has-fill-right:   1 !important;
		border-right-width: 1.5px;
		border-right-style: solid;
	}
	.dt__border:not(.row), .dt__border-bottom:not(.row) {
		--has-fill-bottom:   1 !important;
		border-bottom-width: 1.5px;
		border-bottom-style: solid;
	}
	.dt__border:not(.row), .dt__border-left:not(.row) {
		--has-fill-left:   1 !important;
		border-left-width: 1.5px;
		border-left-style: solid;
	}

	.row.dt__border,
	.row.dt__border-top {
		--has-fill-top:    1 !important;
		padding-top:       calc(50px * var(--col-spacing-multiplier));
	}
	.row.dt__border,
	.row.dt__border-right {
		--has-fill-right:  1 !important;
		padding-right:     calc(25px * var(--col-spacing-multiplier));
	}
	.row.dt__border,
	.row.dt__border-bottom {
		--has-fill-bottom: 1 !important;
		padding-bottom:    calc(25px * var(--col-spacing-multiplier));
	}
	.row.dt__border,
	.row.dt__border-left {
		--has-fill-left: 1 !important;
		padding-left:    calc(25px * var(--col-spacing-multiplier));
	}

	.row.dt__border::before,
	.row.dt__border-top::before {
		--has-fill-top:     1;
		border-top-width:   1.5px;
		border-top-style:   solid;
	}
	.row.dt__border::before,
	.row.dt__border-right::before {
		--has-fill-right:     1;
		border-right-width:   1.5px;
		border-right-style:   solid;
	}
	.row.dt__border::before,
	.row.dt__border-bottom::before {
		--has-fill-bottom:     1;
		border-bottom-width:   1.5px;
		border-bottom-style:   solid;
	}
	.row.dt__border::before,
	.row.dt__border-left::before {
		--has-fill-left:     1;
		border-left-width:   1.5px;
		border-left-style:   solid;
	}


	.dt__border-solid:not(.row), .dt__border-top-solid:not(.row) {
		border-top-style: solid;
	}
	.dt__border-solid:not(.row), .dt__border-right-solid:not(.row) {
		border-right-style: solid;
	}
	.dt__border-solid:not(.row), .dt__border-bottom-solid:not(.row) {
		border-bottom-style: solid;
	}
	.dt__border-solid:not(.row), .dt__border-left-solid:not(.row) {
		border-left-style: solid;
	}

	.row.dt__border-solid::before, .row.dt__border-top-solid::before {
		border-top-style: solid;
	}
	.row.dt__border-solid::before, .row.dt__border-right-solid::before {
		border-right-style: solid;
	}
	.row.dt__border-solid::before, .row.dt__border-bottom-solid::before {
		border-bottom-style: solid;
	}
	.row.dt__border-solid::before, .row.dt__border-left-solid::before {
		border-left-style: solid;
	}


	.dt__border-dashed:not(.row), .dt__border-top-dashed:not(.row) {
		border-top-style: dashed;
	}
	.dt__border-dashed:not(.row), .dt__border-right-dashed:not(.row) {
		border-right-style: dashed;
	}
	.dt__border-dashed:not(.row), .dt__border-bottom-dashed:not(.row) {
		border-bottom-style: dashed;
	}
	.dt__border-dashed:not(.row), .dt__border-left-dashed:not(.row) {
		border-left-style: dashed;
	}

	.row.dt__border-dashed::before, .row.dt__border-top-dashed::before {
		border-top-style: dashed;
	}
	.row.dt__border-dashed::before, .row.dt__border-right-dashed::before {
		border-right-style: dashed;
	}
	.row.dt__border-dashed::before, .row.dt__border-bottom-dashed::before {
		border-bottom-style: dashed;
	}
	.row.dt__border-dashed::before, .row.dt__border-left-dashed::before {
		border-left-style: dashed;
	}


	.dt__border-dotted:not(.row), .dt__border-top-dotted:not(.row) {
		border-top-style: dotted;
	}
	.dt__border-dotted:not(.row), .dt__border-right-dotted:not(.row) {
		border-right-style: dotted;
	}
	.dt__border-dotted:not(.row), .dt__border-bottom-dotted:not(.row) {
		border-bottom-style: dotted;
	}
	.dt__border-dotted:not(.row), .dt__border-left-dotted:not(.row) {
		border-left-style: dotted;
	}

	.row.dt__border-dotted::before, .row.dt__border-top-dotted::before {
		border-top-style: dotted;
	}
	.row.dt__border-dotted::before, .row.dt__border-right-dotted::before {
		border-right-style: dotted;
	}
	.row.dt__border-dotted::before, .row.dt__border-bottom-dotted::before {
		border-bottom-style: dotted;
	}
	.row.dt__border-dotted::before, .row.dt__border-left-dotted::before {
		border-left-style: dotted;
	}


	.dt__border-rad-0,
	.dt__border-rad-top-right-0 {
		border-top-right-radius: 0px !important;
	}
	.dt__border-rad-0,
	.dt__border-rad-bottom-right-0 {
		border-bottom-right-radius: 0px !important;
	}
	.dt__border-rad-0,
	.dt__border-rad-bottom-left-0 {
		border-bottom-left-radius: 0px !important;
	}
	.dt__border-rad-0,
	.dt__border-rad-top-left-0 {
		border-top-left-radius: 0px !important;
	}

	.dt__border-rad-1,
	.dt__border-rad-top-right-1 {
		border-top-right-radius: 25px !important;
	}
	.dt__border-rad-1,
	.dt__border-rad-bottom-right-1 {
		border-bottom-right-radius: 25px !important;
	}
	.dt__border-rad-1,
	.dt__border-rad-bottom-left-1 {
		border-bottom-left-radius: 25px !important;
	}
	.dt__border-rad-1,
	.dt__border-rad-top-left-1 {
		border-top-left-radius: 25px !important;
	}

	.dt__border-rad-2,
	.dt__border-rad-top-right-2 {
		border-top-right-radius: calc(25px / 2) !important;
	}
	.dt__border-rad-2,
	.dt__border-rad-bottom-right-2 {
		border-bottom-right-radius: calc(25px / 2) !important;
	}
	.dt__border-rad-2,
	.dt__border-rad-bottom-left-2 {
		border-bottom-left-radius: calc(25px / 2) !important;
	}
	.dt__border-rad-2,
	.dt__border-rad-top-left-2 {
		border-top-left-radius: calc(25px / 2) !important;
	}

	.dt__border-rad-3,
	.dt__border-rad-top-right-3 {
		border-top-right-radius: calc(25px / 3) !important;
	}
	.dt__border-rad-3,
	.dt__border-rad-bottom-right-3 {
		border-bottom-right-radius: calc(25px / 3) !important;
	}
	.dt__border-rad-3,
	.dt__border-rad-bottom-left-3 {
		border-bottom-left-radius: calc(25px / 3) !important;
	}
	.dt__border-rad-3,
	.dt__border-rad-top-left-3 {
		border-top-left-radius: calc(25px / 3) !important;
	}

	.dt__border-rad-4,
	.dt__border-rad-top-right-4 {
		border-top-right-radius: calc(25px / 4) !important;
	}
	.dt__border-rad-4,
	.dt__border-rad-bottom-right-4 {
		border-bottom-right-radius: calc(25px / 4) !important;
	}
	.dt__border-rad-4,
	.dt__border-rad-bottom-left-4 {
		border-bottom-left-radius: calc(25px / 4) !important;
	}
	.dt__border-rad-4,
	.dt__border-rad-top-left-4 {
		border-top-left-radius: calc(25px / 4) !important;
	}

	.dt__border-rad-5,
	.dt__border-rad-top-right-5 {
		border-top-right-radius: calc(25px / 5) !important;
	}
	.dt__border-rad-5,
	.dt__border-rad-bottom-right-5 {
		border-bottom-right-radius: calc(25px / 5) !important;
	}
	.dt__border-rad-5,
	.dt__border-rad-bottom-left-5 {
		border-bottom-left-radius: calc(25px / 5) !important;
	}
	.dt__border-rad-5,
	.dt__border-rad-top-left-5 {
		border-top-left-radius: calc(25px / 5) !important;
	}



	.dt__mar-auto, .dt__mar-top-auto {
		margin-top: auto !important;
	}
	.dt__mar-auto, .dt__mar-right-auto {
		margin-right: auto !important;
	}
	.dt__mar-auto, .dt__mar-bottom-auto {
		margin-bottom: auto !important;
	}
	.dt__mar-auto, .dt__mar-left-auto {
		margin-left: auto !important;
	}

	.dt__mar-0,
	.dt__mar-top-0 {
		margin-top: 0px !important;
	}
	.dt__mar-0,
	.dt__mar-right-0 {
		margin-right: 0px !important;
	}
	.dt__mar-0,
	.dt__mar-bottom-0 {
		margin-bottom: 0px !important;
	}
	.dt__mar-0,
	.dt__mar-left-0 {
		margin-left: 0px !important;
	}

	.dt__mar-1,
	.dt__mar-top-1 {
		margin-top: 50px !important;
	}
	.dt__mar-1,
	.dt__mar-right-1 {
		margin-right: 50px !important;
	}
	.dt__mar-1,
	.dt__mar-bottom-1 {
		margin-bottom: 50px !important;
	}
	.dt__mar-1,
	.dt__mar-left-1 {
		margin-left: 50px !important;
	}

	.dt__mar-2,
	.dt__mar-top-2 {
		margin-top: 25px !important;
	}
	.dt__mar-2,
	.dt__mar-right-2 {
		margin-right: 25px !important;
	}
	.dt__mar-2,
	.dt__mar-bottom-2 {
		margin-bottom: 25px !important;
	}
	.dt__mar-2,
	.dt__mar-left-2 {
		margin-left: 25px !important;
	}

	.dt__mar-3,
	.dt__mar-top-3 {
		margin-top: 12.5px !important;
	}
	.dt__mar-3,
	.dt__mar-right-3 {
		margin-right: 12.5px !important;
	}
	.dt__mar-3,
	.dt__mar-bottom-3 {
		margin-bottom: 12.5px !important;
	}
	.dt__mar-3,
	.dt__mar-left-3 {
		margin-left: 12.5px !important;
	}

	.dt__mar-4,
	.dt__mar-top-4 {
		margin-top: 6.25px !important;
	}
	.dt__mar-4,
	.dt__mar-right-4 {
		margin-right: 6.25px !important;
	}
	.dt__mar-4,
	.dt__mar-bottom-4 {
		margin-bottom: 6.25px !important;
	}
	.dt__mar-4,
	.dt__mar-left-4 {
		margin-left: 6.25px !important;
	}


	.dt__mar-n1,
	.dt__mar-top-n1 {
		margin-top: -50px !important;
	}
	.dt__mar-n1,
	.dt__mar-right-n1 {
		margin-right: -50px !important;
	}
	.dt__mar-n1,
	.dt__mar-bottom-n1 {
		margin-bottom: -50px !important;
	}
	.dt__mar-n1,
	.dt__mar-left-n1 {
		margin-left: -50px !important;
	}

	.dt__mar-n2,
	.dt__mar-top-n2 {
		margin-top: -25px !important;
	}
	.dt__mar-n2,
	.dt__mar-right-n2 {
		margin-right: -25px !important;
	}
	.dt__mar-n2,
	.dt__mar-bottom-n2 {
		margin-bottom: -25px !important;
	}
	.dt__mar-n2,
	.dt__mar-left-n2 {
		margin-left: -25px !important;
	}

	.dt__mar-n3,
	.dt__mar-top-n3 {
		margin-top: -12.5px !important;
	}
	.dt__mar-n3,
	.dt__mar-right-n3 {
		margin-right: -12.5px !important;
	}
	.dt__mar-n3,
	.dt__mar-bottom-n3 {
		margin-bottom: -12.5px !important;
	}
	.dt__mar-n3,
	.dt__mar-left-n3 {
		margin-left: -12.5px !important;
	}

	.dt__mar-n4,
	.dt__mar-top-n4 {
		margin-top: -6.25px !important;
	}
	.dt__mar-n4,
	.dt__mar-right-n4 {
		margin-right: -6.25px !important;
	}
	.dt__mar-n4,
	.dt__mar-bottom-n4 {
		margin-bottom: -6.25px !important;
	}
	.dt__mar-n4,
	.dt__mar-left-n4 {
		margin-left: -6.25px !important;
	}


	.dt__pad-0,
	.dt__pad-top-0 {
		padding-top: 0px !important;
	}
	.dt__pad-0,
	.dt__pad-right-0 {
		padding-right: 0px !important;
	}
	.dt__pad-0,
	.dt__pad-bottom-0 {
		padding-bottom: 0px !important;
	}
	.dt__pad-0,
	.dt__pad-left-0 {
		padding-left: 0px !important;
	}

	.dt__pad-1,
	.dt__pad-top-1 {
		padding-top: 50px !important;
	}
	.dt__pad-1,
	.dt__pad-right-1 {
		padding-right: 50px !important;
	}
	.dt__pad-1,
	.dt__pad-bottom-1 {
		padding-bottom: 50px !important;
	}
	.dt__pad-1,
	.dt__pad-left-1 {
		padding-left: 50px !important;
	}

	.dt__pad-2,
	.dt__pad-top-2 {
		padding-top: 25px !important;
	}
	.dt__pad-2,
	.dt__pad-right-2 {
		padding-right: 25px !important;
	}
	.dt__pad-2,
	.dt__pad-bottom-2 {
		padding-bottom: 25px !important;
	}
	.dt__pad-2,
	.dt__pad-left-2 {
		padding-left: 25px !important;
	}

	.dt__pad-3,
	.dt__pad-top-3 {
		padding-top: 12.5px !important;
	}
	.dt__pad-3,
	.dt__pad-right-3 {
		padding-right: 12.5px !important;
	}
	.dt__pad-3,
	.dt__pad-bottom-3 {
		padding-bottom: 12.5px !important;
	}
	.dt__pad-3,
	.dt__pad-left-3 {
		padding-left: 12.5px !important;
	}

	.dt__pad-4,
	.dt__pad-top-4 {
		padding-top: 6.25px !important;
	}
	.dt__pad-4,
	.dt__pad-right-4 {
		padding-right: 6.25px !important;
	}
	.dt__pad-4,
	.dt__pad-bottom-4 {
		padding-bottom: 6.25px !important;
	}
	.dt__pad-4,
	.dt__pad-left-4 {
		padding-left: 6.25px !important;
	}
	
	
	
	/* 14.2.9. Full-width rows */
	
	.row.dt__full-width {
		margin-left:   calc(50% - 50 * var(--vw));
		margin-right:  calc(50% - 50 * var(--vw));
	}
	.row.full-width.dt__content-in-container,
	.row.dt__full-width.content-in-container,
	.row.dt__full-width.dt__content-in-container {
		padding-left:  calc(50 * var(--vw) - 50% - 25px * var(--col-spacing-multiplier));
		padding-right: calc(50 * var(--vw) - 50% - 25px * var(--col-spacing-multiplier));
	}
	main > article > .container > .row.dt__full-width:first-child {
		margin-top: calc(-50px * var(--has-fill-top));
	}
	
	.row.full-width[class^='bg-'] + .row.full-width[class^='bg-'],
	.row.full-width[class^='bg-'] + .row.full-width[class^='dt__bg-'],
	.row.full-width[class^='bg-'] + .row.dt__full-width[class^='bg-'],
	.row.full-width[class^='bg-'] + .row.dt__full-width[class^='dt__bg-'],
	.row.full-width[class^='dt__bg-'] + .row.full-width[class^='bg-'],
	.row.full-width[class^='dt__bg-'] + .row.full-width[class^='dt__bg-'],
	.row.full-width[class^='dt__bg-'] + .row.dt__full-width[class^='bg-'],
	.row.full-width[class^='dt__bg-'] + .row.dt__full-width[class^='dt__bg-'],
	.row.dt__full-width[class^='bg-'] + .row.full-width[class^='bg-'],
	.row.dt__full-width[class^='bg-'] + .row.full-width[class^='dt__bg-'],
	.row.dt__full-width[class^='bg-'] + .row.dt__full-width[class^='bg-'],
	.row.dt__full-width[class^='bg-'] + .row.dt__full-width[class^='dt__bg-'],
	.row.dt__full-width[class^='dt__bg-'] + .row.full-width[class^='bg-'],
	.row.dt__full-width[class^='dt__bg-'] + .row.full-width[class^='dt__bg-'],
	.row.dt__full-width[class^='dt__bg-'] + .row.dt__full-width[class^='bg-'],
	.row.dt__full-width[class^='dt__bg-'] + .row.dt__full-width[class^='dt__bg-'],
	
	.row.full-width[class^='bg-'] + .row.full-width[class*=' bg-'],
	.row.full-width[class^='bg-'] + .row.full-width[class*=' dt__bg-'],
	.row.full-width[class^='bg-'] + .row.dt__full-width[class*=' bg-'],
	.row.full-width[class^='bg-'] + .row.dt__full-width[class*=' dt__bg-'],
	.row.full-width[class^='dt__bg-'] + .row.full-width[class*=' bg-'],
	.row.full-width[class^='dt__bg-'] + .row.full-width[class*=' dt__bg-'],
	.row.full-width[class^='dt__bg-'] + .row.dt__full-width[class*=' bg-'],
	.row.full-width[class^='dt__bg-'] + .row.dt__full-width[class*=' dt__bg-'],
	.row.dt__full-width[class^='bg-'] + .row.full-width[class*=' bg-'],
	.row.dt__full-width[class^='bg-'] + .row.full-width[class*=' dt__bg-'],
	.row.dt__full-width[class^='bg-'] + .row.dt__full-width[class*=' bg-'],
	.row.dt__full-width[class^='bg-'] + .row.dt__full-width[class*=' dt__bg-'],
	.row.dt__full-width[class^='dt__bg-'] + .row.full-width[class*=' bg-'],
	.row.dt__full-width[class^='dt__bg-'] + .row.full-width[class*=' dt__bg-'],
	.row.dt__full-width[class^='dt__bg-'] + .row.dt__full-width[class*=' bg-'],
	.row.dt__full-width[class^='dt__bg-'] + .row.dt__full-width[class*=' dt__bg-'],

	.row.full-width[class*=' bg-'] + .row.full-width[class^='bg-'],
	.row.full-width[class*=' bg-'] + .row.full-width[class^='dt__bg-'],
	.row.full-width[class*=' bg-'] + .row.dt__full-width[class^='bg-'],
	.row.full-width[class*=' bg-'] + .row.dt__full-width[class^='dt__bg-'],
	.row.full-width[class*=' dt__bg-'] + .row.full-width[class^='bg-'],
	.row.full-width[class*=' dt__bg-'] + .row.full-width[class^='dt__bg-'],
	.row.full-width[class*=' dt__bg-'] + .row.dt__full-width[class^='bg-'],
	.row.full-width[class*=' dt__bg-'] + .row.dt__full-width[class^='dt__bg-'],
	.row.dt__full-width[class*=' bg-'] + .row.full-width[class^='bg-'],
	.row.dt__full-width[class*=' bg-'] + .row.full-width[class^='dt__bg-'],
	.row.dt__full-width[class*=' bg-'] + .row.dt__full-width[class^='bg-'],
	.row.dt__full-width[class*=' bg-'] + .row.dt__full-width[class^='dt__bg-'],
	.row.dt__full-width[class*=' dt__bg-'] + .row.full-width[class^='bg-'],
	.row.dt__full-width[class*=' dt__bg-'] + .row.full-width[class^='dt__bg-'],
	.row.dt__full-width[class*=' dt__bg-'] + .row.dt__full-width[class^='bg-'],
	.row.dt__full-width[class*=' dt__bg-'] + .row.dt__full-width[class^='dt__bg-'],
	
	.row.full-width[class*=' bg-'] + .row.full-width[class*=' bg-'],
	.row.full-width[class*=' bg-'] + .row.full-width[class*=' dt__bg-'],
	.row.full-width[class*=' bg-'] + .row.dt__full-width[class*=' bg-'],
	.row.full-width[class*=' bg-'] + .row.dt__full-width[class*=' dt__bg-'],
	.row.full-width[class*=' dt__bg-'] + .row.full-width[class*=' bg-'],
	.row.full-width[class*=' dt__bg-'] + .row.full-width[class*=' dt__bg-'],
	.row.full-width[class*=' dt__bg-'] + .row.dt__full-width[class*=' bg-'],
	.row.full-width[class*=' dt__bg-'] + .row.dt__full-width[class*=' dt__bg-'],
	.row.dt__full-width[class*=' bg-'] + .row.full-width[class*=' bg-'],
	.row.dt__full-width[class*=' bg-'] + .row.full-width[class*=' dt__bg-'],
	.row.dt__full-width[class*=' bg-'] + .row.dt__full-width[class*=' bg-'],
	.row.dt__full-width[class*=' bg-'] + .row.dt__full-width[class*=' dt__bg-'],
	.row.dt__full-width[class*=' dt__bg-'] + .row.full-width[class*=' bg-'],
	.row.dt__full-width[class*=' dt__bg-'] + .row.full-width[class*=' dt__bg-'],
	.row.dt__full-width[class*=' dt__bg-'] + .row.dt__full-width[class*=' bg-'],
	.row.dt__full-width[class*=' dt__bg-'] + .row.dt__full-width[class*=' dt__bg-'] {
		margin-top: calc(-25px * var(--col-spacing-multiplier));
	}
	
	/*.row:is(.full-width, .dt__full-width):is([class^='bg-'], [class*=' bg-'], [class^='dt__bg-'], [class*=' dt__bg-']) + .row:is(.full-width, .dt__full-width):is([class^='bg-'], [class*=' bg-'], [class^='dt__bg-'], [class*=' dt__bg-']) {
		margin-top: calc(-25px * var(--col-spacing-multiplier));
	}*/
	
	
	
	/* 14.2.10. Full-height rows */
	
	.row.dt__full-height {
		min-height: calc(100vh - var(--header-height) - var(--top-bar-height));
	}
	
	
	
	/* 14.2.11. Positioning */
	
	.dt__absolute {
		position: absolute !important;
	}
	.dt__fixed {
		position: fixed !important;
	}
	.dt__relative {
		position: relative !important;
	}
	.dt__static {
		position: static !important;
	}
	.dt__sticky {
		position: sticky !important;
	}


	.dt__top {
		top:    0px;
		bottom: auto;
	}
	.dt__right {
		right: 0px;
		left:  auto;
	}
	.dt__bottom {
		bottom: 0px;
		top:    auto;
	}
	.dt__left {
		left:  0px;
		right: auto;
	}

	.dt__top-out {
		bottom: 100%;
		top:    auto;
	}
	.dt__right-out {
		left:  100%;
		right: auto;
	}
	.dt__bottom-out {
		top:    100%;
		bottom: auto;
	}
	.dt__left-out {
		right: 100%;
		left:  auto;
	}
	
	
	
	/* 14.2.12. Moving out of the container on the left or right side */
	
	.dt__out-container-left {
		margin-left: calc((var(--container-width) - var(--vw) * 100) / 2 - 25px);
		max-width:   calc(100% + (var(--vw) * 100 - var(--container-width)) / 2 + 25px);
	}
	.dt__out-container-right {
		margin-right: calc((var(--container-width) - var(--vw) * 100) / 2 - 25px);
		max-width:    calc(100% + (var(--vw) * 100 - var(--container-width)) / 2 + 25px);
	}
	
	
	
	/* 14.2.13. Box shadow */
	
	.dt__box-shadow {
		--has-fill-top:    1 !important;
		--has-fill-right:  1 !important;
		--has-fill-bottom: 1 !important;
		--has-fill-left:   1 !important;
		box-shadow:        0px 0px 6.25px 6.25px rgba(0, 0, 0, 0.03);
	}
	
	
	
	/* 14.2.14. Reversing, direction, alignment, and RTL layouts */
	
	.row:not(.reverse):not(.dt__reverse):not(.vertical):not(.dt__vertical) {
		flex-direction:  row;
		justify-content: flex-start;
	}
	.row.reverse:not(.vertical):not(.dt__vertical),
	.row.dt__reverse:not(.vertical):not(.dt__vertical) {
		flex-direction:  row-reverse;
		justify-content: flex-end;
	}
	.row:not(.reverse):not(.dt__reverse).vertical,
	.row:not(.reverse):not(.dt__reverse).dt__vertical {
		flex-direction:  column;
		align-items:     flex-start;
	}
	.row.reverse.vertical,
	.row.reverse.dt__vertical,
	.row.dt__reverse.vertical,
	.row.dt__reverse.dt__vertical {
		flex-direction:  column-reverse;
		align-items:     flex-start;
	}


	.row:not(.reverse):not(.dt__reverse):not(.vertical):not(.dt__vertical).content-left,
	.row:not(.reverse):not(.dt__reverse):not(.vertical):not(.dt__vertical).dt__content-left {
		justify-content: flex-start !important;
	}
	.row.reverse:not(.vertical):not(.dt__vertical).content-left,
	.row.reverse:not(.vertical):not(.dt__vertical).dt__content-left,
	.row.dt__reverse:not(.vertical):not(.dt__vertical).content-left,
	.row.dt__reverse:not(.vertical):not(.dt__vertical).dt__content-left {
		justify-content: flex-end !important;
	}
	.row:not(.reverse):not(.dt__reverse).vertical.content-left,
	.row:not(.reverse):not(.dt__reverse).vertical.dt__content-left,
	.row:not(.reverse):not(.dt__reverse).dt__vertical.content-left,
	.row:not(.reverse):not(.dt__reverse).dt__vertical.dt__content-left {
		align-items: flex-start !important;
	}
	.row.reverse.vertical.content-left,
	.row.reverse.vertical.dt__content-left,
	.row.reverse.dt__vertical.content-left,
	.row.reverse.dt__vertical.dt__content-left,
	.row.dt__reverse.vertical.content-left,
	.row.dt__reverse.vertical.dt__content-left,
	.row.dt__reverse.dt__vertical.content-left,
	.row.dt__reverse.dt__vertical.dt__content-left {
		align-items: flex-start !important;
	}

	.row:not(.vertical):not(.dt__vertical).content-center,
	.row:not(.vertical):not(.dt__vertical).dt__content-center {
		justify-content: center !important;
	}
	.row.vertical.content-center,
	.row.vertical.dt__content-center,
	.row.dt__vertical.content-center,
	.row.dt__vertical.dt__content-center {
		align-items: center !important;
	}

	.row:not(.reverse):not(.dt__reverse):not(.vertical):not(.dt__vertical).content-right,
	.row:not(.reverse):not(.dt__reverse):not(.vertical):not(.dt__vertical).dt__content-right {
		justify-content: flex-end !important;
	}
	.row.reverse:not(.vertical):not(.dt__vertical).content-right,
	.row.reverse:not(.vertical):not(.dt__vertical).dt__content-right,
	.row.dt__reverse:not(.vertical):not(.dt__vertical).content-right,
	.row.dt__reverse:not(.vertical):not(.dt__vertical).dt__content-right {
		justify-content: flex-start !important;
	}
	.row:not(.reverse):not(.dt__reverse).vertical.content-right,
	.row:not(.reverse):not(.dt__reverse).vertical.dt__content-right,
	.row:not(.reverse):not(.dt__reverse).dt__vertical.content-right,
	.row:not(.reverse):not(.dt__reverse).dt__vertical.dt__content-right {
		align-items: flex-end !important;
	}
	.row.reverse.vertical.content-right,
	.row.reverse.vertical.dt__content-right,
	.row.reverse.dt__vertical.content-right,
	.row.reverse.dt__vertical.dt__content-right,
	.row.dt__reverse.vertical.content-right,
	.row.dt__reverse.vertical.dt__content-right,
	.row.dt__reverse.dt__vertical.content-right,
	.row.dt__reverse.dt__vertical.dt__content-right {
		align-items: flex-end !important;
	}


	.row:not(.reverse):not(.dt__reverse):not(.vertical):not(.dt__vertical).items-top,
	.row:not(.reverse):not(.dt__reverse):not(.vertical):not(.dt__vertical).dt__items-top {
		align-items: flex-start !important;
	}
	.row.reverse:not(.vertical):not(.dt__vertical).items-top,
	.row.reverse:not(.vertical):not(.dt__vertical).dt__items-top,
	.row.dt__reverse:not(.vertical):not(.dt__vertical).items-top,
	.row.dt__reverse:not(.vertical):not(.dt__vertical).dt__items-top {
		align-items: flex-start !important;
	}
	.row:not(.reverse):not(.dt__reverse).vertical.items-top,
	.row:not(.reverse):not(.dt__reverse).vertical.dt__items-top,
	.row:not(.reverse):not(.dt__reverse).dt__vertical.items-top,
	.row:not(.reverse):not(.dt__reverse).dt__vertical.dt__items-top {
		justify-content: flex-start !important;
	}
	.row.reverse.vertical.items-top,
	.row.reverse.vertical.dt__items-top,
	.row.reverse.dt__vertical.items-top,
	.row.reverse.dt__vertical.dt__items-top,
	.row.dt__reverse.vertical.items-top,
	.row.dt__reverse.vertical.dt__items-top,
	.row.dt__reverse.dt__vertical.items-top,
	.row.dt__reverse.dt__vertical.dt__items-top {
		justify-content: flex-end !important;
	}

	.row:not(.vertical):not(.dt__vertical).items-center,
	.row:not(.vertical):not(.dt__vertical).dt__items-center {
		align-items: center !important;
	}
	.row.vertical.items-center,
	.row.vertical.dt__items-center,
	.row.dt__vertical.items-center,
	.row.dt__vertical.dt__items-center {
		justify-content: center !important;
	}

	.row:not(.reverse):not(.dt__reverse):not(.vertical):not(.dt__vertical).items-bottom,
	.row:not(.reverse):not(.dt__reverse):not(.vertical):not(.dt__vertical).dt__items-bottom {
		align-items: flex-end !important;
	}
	.row.reverse:not(.vertical):not(.dt__vertical).items-bottom,
	.row.reverse:not(.vertical):not(.dt__vertical).dt__items-bottom,
	.row.dt__reverse:not(.vertical):not(.dt__vertical).items-bottom,
	.row.dt__reverse:not(.vertical):not(.dt__vertical).dt__items-bottom {
		align-items: flex-end !important;
	}
	.row:not(.reverse):not(.dt__reverse).vertical.items-bottom,
	.row:not(.reverse):not(.dt__reverse).vertical.dt__items-bottom,
	.row:not(.reverse):not(.dt__reverse).dt__vertical.items-bottom,
	.row:not(.reverse):not(.dt__reverse).dt__vertical.dt__items-bottom {
		justify-content: flex-end !important;
	}
	.row.reverse.vertical.items-bottom,
	.row.reverse.vertical.dt__items-bottom,
	.row.reverse.dt__vertical.items-bottom,
	.row.reverse.dt__vertical.dt__items-bottom,
	.row.dt__reverse.vertical.items-bottom,
	.row.dt__reverse.vertical.dt__items-bottom,
	.row.dt__reverse.dt__vertical.items-bottom,
	.row.dt__reverse.dt__vertical.dt__items-bottom {
		justify-content: flex-start !important;
	}
	
	.dt__rtl {
		direction: rtl;
	}
	.dt__ltr {
		direction: ltr;
	}
	
	
	
	/* 15.2. Making your layout responsive (additional utility classes) */
	
	.dt__self-stretch {
		align-self: stretch;
	}
	.dt__self-start {
		align-self: flex-start;
	}
	.dt__self-center {
		align-self: center;
	}
	.dt__self-end {
		align-self: flex-end;
	}
	
	
	
	/* 14.2.15. Column widths */
	
	[class*='w-1/dt/']{--a:1}
	[class*='w-2/dt/']{--a:2}
	[class*='w-3/dt/']{--a:3}
	[class*='w-4/dt/']{--a:4}
	[class*='w-5/dt/']{--a:5}
	[class*='w-6/dt/']{--a:6}
	[class*='w-7/dt/']{--a:7}
	[class*='w-8/dt/']{--a:8}
	[class*='w-9/dt/']{--a:9}
	[class*='w-10/dt/']{--a:10}
	[class*='w-11/dt/']{--a:11}
	[class*='w-12/dt/']{--a:12}
	[class*='w-13/dt/']{--a:13}
	[class*='w-14/dt/']{--a:14}
	[class*='w-15/dt/']{--a:15}
	[class*='w-16/dt/']{--a:16}
	[class*='w-17/dt/']{--a:17}
	[class*='w-18/dt/']{--a:18}
	[class*='w-19/dt/']{--a:19}
	[class*='w-20/dt/']{--a:20}
	[class*='w-21/dt/']{--a:21}
	[class*='w-22/dt/']{--a:22}
	[class*='w-23/dt/']{--a:23}
	[class*='w-24/dt/']{--a:24}

	[class*='/dt/1']{--b:1}
	[class*='/dt/2']{--b:2}
	[class*='/dt/3']{--b:3}
	[class*='/dt/4']{--b:4}
	[class*='/dt/5']{--b:5}
	[class*='/dt/6']{--b:6}
	[class*='/dt/7']{--b:7}
	[class*='/dt/8']{--b:8}
	[class*='/dt/9']{--b:9}
	[class*='/dt/10']{--b:10}
	[class*='/dt/11']{--b:11}
	[class*='/dt/12']{--b:12}
	[class*='/dt/13']{--b:13}
	[class*='/dt/14']{--b:14}
	[class*='/dt/15']{--b:15}
	[class*='/dt/16']{--b:16}
	[class*='/dt/17']{--b:17}
	[class*='/dt/18']{--b:18}
	[class*='/dt/19']{--b:19}
	[class*='/dt/20']{--b:20}
	[class*='/dt/21']{--b:21}
	[class*='/dt/22']{--b:22}
	[class*='/dt/23']{--b:23}
	[class*='/dt/24']{--b:24}

	.col[class*='/dt/'] {
		flex-grow:  0;
		flex-basis: calc(var(--a) / var(--b) * 100% - 25px * 2 * var(--col-spacing-multiplier));
		/*width:      calc(var(--a) / var(--b) * 100% - 25px * 2 * var(--col-spacing-multiplier));*/
	}
	.col.dt__w-auto {
		flex-basis: auto;
		/*max-width:  calc(100% - 25px * 2 * var(--col-spacing-multiplier));*/
		flex-grow:  0;
	}
	
	
	
	/* 14.2.16. 100% width or height */
	
	.dt__w100 {
		width: 100% !important;
	}
	.dt__h100 {
		height: 100% !important;
	}
	
	
	
	/* 14.2.17. Z-Index */
	
	.dt__z-1  {--z:1}  .dt__z-2  {--z:2}  .dt__z-3  {--z:3}
	.dt__z-4  {--z:4}  .dt__z-5  {--z:5}  .dt__z-6  {--z:6}
	.dt__z-7  {--z:7}  .dt__z-8  {--z:8}  .dt__z-9  {--z:9}
	.dt__z-10 {--z:10} .dt__z-11 {--z:11} .dt__z-12 {--z:12}
	.dt__z-13 {--z:13} .dt__z-14 {--z:14} .dt__z-15 {--z:15}
	.dt__z-16 {--z:16} .dt__z-17 {--z:17} .dt__z-18 {--z:18}
	.dt__z-19 {--z:19} .dt__z-20 {--z:20} .dt__z-21 {--z:21}
	.dt__z-22 {--z:22} .dt__z-23 {--z:23} .dt__z-24 {--z:24}
	.dt__z-25 {--z:25} .dt__z-26 {--z:26} .dt__z-27 {--z:27}
	.dt__z-28 {--z:28} .dt__z-29 {--z:29} .dt__z-30 {--z:30}
	.dt__z-31 {--z:31} .dt__z-32 {--z:32} .dt__z-33 {--z:33}
	.dt__z-34 {--z:34} .dt__z-35 {--z:35} .dt__z-36 {--z:36}
	.dt__z-37 {--z:37} .dt__z-38 {--z:38} .dt__z-39 {--z:39}
	.dt__z-40 {--z:40} .dt__z-41 {--z:41} .dt__z-42 {--z:42}
	.dt__z-43 {--z:43} .dt__z-44 {--z:44} .dt__z-45 {--z:45}
	.dt__z-46 {--z:46} .dt__z-47 {--z:47} .dt__z-48 {--z:48}

	[class^='dt__z-'], [class*=' dt__z-'] {
		z-index:  var(--z);
		position: relative;
	}
	
	
	
	/* 14.2.18. Hiding elements */
	
	.dt__hide {
		display: none !important;
	}
	.dt__invisible {
		visibility: hidden !important;
	}
	
	
	
	/* 14.2.19. Preventing user interaction */

	.dt__no-pointer-events {
		pointer-events: none !important;
	}
	
	
	
	/* 15.2. Making your layout responsive (additional utility classes) */
	
	.dt__obj-contain {
		object-fit: contain;
	}
	.dt__obj-cover {
		object-fit: cover;
	}
	
	
	
	/* 17. Creating a top bar (additional utility classes) */
	
	.dt__icon {
		width:         1em;
		height:        1em;
		object-fit:    contain;
		border-radius: 0px;
	}
}

/* LT - Laptop & Small desktop */
@media (min-width: 1200px) and (max-width: 1599.98px) {
	:root {
		--top-bar-height: 49px;
	}
	
	.container {
		--container-width: 1170px;
	}
	
	body {
		font-size: 17px;
	}
	
	/* 14.2.1. Headings */
	
	.lt__h1, .lt__h2, .lt__h3, .lt__h4, .lt__h5, .lt__h6 {
		font-family:   Arial;
		font-weight:   700;
		line-height:   1.2em;
	}
	.lt__h1:not(:first-child), .lt__h2:not(:first-child), .lt__h3:not(:first-child), .lt__h4:not(:first-child), .lt__h5:not(:first-child), .lt__h6:not(:first-child) {
		margin-top: 37.5px;
	}
	.lt__h1:not(:last-child), .lt__h2:not(:last-child), .lt__h3:not(:last-child), .lt__h4:not(:last-child), .lt__h5:not(:last-child), .lt__h6:not(:last-child) {
		margin-bottom: 25px;
	}

	h1, .h1, .lt__h1 {
		font-size: 32px;
	}
	h2, .h2, .lt__h2 {
		font-size: 29px;
	}
	h3, .h3, .lt__h3 {
		font-size: 26px;
	}
	h4, .h4, .lt__h4 {
		font-size: 24px;
	}
	h5, .h5, .lt__h5 {
		font-size: 21px;
	}
	h6, .h6, .lt__h6 {
		font-size: 19px;
	}
	
	
	/* 14.2.2. Dialogs */
	
	dialog:not(#_) :is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) {
		--border-radius-depth: 2;
	}
	dialog:not(#_) :is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) :is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) {
		--border-radius-depth: 3;
	}
	dialog:not(#_) :is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) :is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) :is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) {
		--border-radius-depth: 4;
	}
	dialog:not(#_) :is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) :is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) :is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) :is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) {
		--border-radius-depth: 5;
	}
	
	
	
	/* 14.2.3. Color schemes */
	
	.lt__color-scheme-dark {
		--accent-color:                       var(--dark__accent-color);
		--hyperlink-color:                    var(--dark__hyperlink-color);
		--field-color:                        var(--dark__field-color);
		--field-background-color:             var(--dark__field-background-color);
		--field-border-color:                 var(--dark__field-border-color);
		--checkbox-check-url:                 var(--dark__checkbox-check-url);
		--selectbox-caret-url:                var(--dark__selectbox-caret-url);
		--option-color:                       var(--dark__option-color);
		--option-background-color:            var(--dark__option-background-color);
		--button-color:                       var(--dark__button-color);
		--button-background-color:            var(--dark__button-background-color);
		--button-border-color:                var(--dark__button-border-color);
		--blockquote-decoration-color:        var(--dark__blockquote-decoration-color);
		--code-background-color:              var(--dark__code-background-color);
		--kbd-background-color:               var(--dark__kbd-background-color);
		--table-border-color:                 var(--dark__table-border-color);
		--table-header-cell-background-color: var(--dark__table-header-cell-background-color);
		--table-header-cell-text-color:       var(--dark__table-header-cell-text-color);
		--table-data-cell-background-color:   var(--dark__table-data-cell-background-color);
		--table-data-cell-text-color:         var(--dark__table-data-cell-text-color);
		--table-footer-cell-background-color: var(--dark__table-footer-cell-background-color);
		--table-footer-cell-text-color:       var(--dark__table-footer-cell-text-color);
		--txt-color:                          var(--dark__txt-color);
	}
	.lt__color-scheme-light {
		--accent-color:                       var(--light__accent-color);
		--hyperlink-color:                    var(--light__hyperlink-color);
		--field-color:                        var(--light__field-color);
		--field-background-color:             var(--light__field-background-color);
		--field-border-color:                 var(--light__field-border-color);
		--checkbox-check-url:                 var(--light__checkbox-check-url);
		--selectbox-caret-url:                var(--light__selectbox-caret-url);
		--option-color:                       var(--light__option-color);
		--option-background-color:            var(--light__option-background-color);
		--button-color:                       var(--light__button-color);
		--button-background-color:            var(--light__button-background-color);
		--button-border-color:                var(--light__button-border-color);
		--blockquote-decoration-color:        var(--light__blockquote-decoration-color);
		--code-background-color:              var(--light__code-background-color);
		--kbd-background-color:               var(--light__kbd-background-color);
		--table-border-color:                 var(--light__table-border-color);
		--table-header-cell-background-color: var(--light__table-header-cell-background-color);
		--table-header-cell-text-color:       var(--light__table-header-cell-text-color);
		--table-data-cell-background-color:   var(--light__table-data-cell-background-color);
		--table-data-cell-text-color:         var(--light__table-data-cell-text-color);
		--table-footer-cell-background-color: var(--light__table-footer-cell-background-color);
		--table-footer-cell-text-color:       var(--light__table-footer-cell-text-color);
		--txt-color:                          var(--light__txt-color);
	}
	[class^='lt__txt-'],
	[class*=' lt__txt-'],
	.lt__color-scheme-dark,
	.lt__color-scheme-light {
		color: var(--txt-color) !important;
	}
	
	.row[class^='bg-']:not(.full-width):not(.lt__full-width),
	.row[class^='lt__bg-']:not(.full-width):not(.lt__full-width),
	.row[class*=' bg-']:not(.full-width):not(.lt__full-width),
	.row[class*=' lt__bg-']:not(.full-width):not(.lt__full-width),
	.row.box-shadow:not(.full-width):not(.lt__full-width),
	.row.lt__box-shadow:not(.full-width):not(.lt__full-width) {
		border-radius: calc(25px / var(--border-radius-depth));
	}
	
	
	
	/* 14.2.4. Text colors, background colors, and border colors */
	
	.lt__txt-black {
		--txt-color: var(--black);
	}
	.lt__txt-darker-blue {
		--txt-color: var(--darker-blue);
	}
	.lt__txt-dark-blue {
		--txt-color: var(--dark-blue);
	}
	.lt__txt-light-blue {
		--txt-color: var(--light-blue);
	}
	.lt__txt-lighter-blue {
		--txt-color: var(--lighter-blue);
	}
	.lt__txt-gray {
		--txt-color: var(--gray);
	}
	.lt__txt-light-gray {
		--txt-color: var(--light-gray);
	}
	.lt__txt-lighter-gray {
		--txt-color: var(--lighter-gray);
	}
	.lt__txt-off-white {
		--txt-color: var(--off-white);
	}
	.lt__txt-white {
		--txt-color: var(--white);
	}

	.lt__bg-black {
		--bg-color: var(--black);
	}
	.lt__bg-darker-blue {
		--bg-color: var(--darker-blue);
	}
	.lt__bg-dark-blue {
		--bg-color: var(--dark-blue);
	}
	.lt__bg-light-blue {
		--bg-color: var(--light-blue);
	}
	.lt__bg-lighter-blue {
		--bg-color: var(--lighter-blue);
	}
	.lt__bg-gray {
		--bg-color: var(--gray);
	}
	.lt__bg-light-gray {
		--bg-color: var(--light-gray);
	}
	.lt__bg-lighter-gray {
		--bg-color: var(--lighter-gray);
	}
	.lt__bg-off-white {
		--bg-color: var(--off-white);
	}
	.lt__bg-white {
		--bg-color: var(--white);
	}

	.lt__bor-black {
		--bor-color: var(--black);
	}
	.lt__bor-darker-blue {
		--bor-color: var(--darker-blue);
	}
	.lt__bor-dark-blue {
		--bor-color: var(--dark-blue);
	}
	.lt__bor-light-blue {
		--bor-color: var(--light-blue);
	}
	.lt__bor-lighter-blue {
		--bor-color: var(--lighter-blue);
	}
	.lt__bor-gray {
		--bor-color: var(--gray);
	}
	.lt__bor-light-gray {
		--bor-color: var(--light-gray);
	}
	.lt__bor-lighter-gray {
		--bor-color: var(--lighter-gray);
	}
	.lt__bor-off-white {
		--bor-color: var(--off-white);
	}
	.lt__bor-white {
		--bor-color: var(--white);
	}

	.lt__txt-black-hover:hover {
		--txt-color: var(--black);
	}
	.lt__txt-darker-blue-hover:hover {
		--txt-color: var(--darker-blue);
	}
	.lt__txt-dark-blue-hover:hover {
		--txt-color: var(--dark-blue);
	}
	.lt__txt-light-blue-hover:hover {
		--txt-color: var(--light-blue);
	}
	.lt__txt-lighter-blue-hover:hover {
		--txt-color: var(--lighter-blue);
	}
	.lt__txt-gray-hover:hover {
		--txt-color: var(--gray);
	}
	.lt__txt-light-gray-hover:hover {
		--txt-color: var(--light-gray);
	}
	.lt__txt-lighter-gray-hover:hover {
		--txt-color: var(--lighter-gray);
	}
	.lt__txt-off-white-hover:hover {
		--txt-color: var(--off-white);
	}
	.lt__txt-white-hover:hover {
		--txt-color: var(--white);
	}

	.lt__bg-black-hover:hover {
		--bg-color: var(--black);
	}
	.lt__bg-darker-blue-hover:hover {
		--bg-color: var(--darker-blue);
	}
	.lt__bg-dark-blue-hover:hover {
		--bg-color: var(--dark-blue);
	}
	.lt__bg-light-blue-hover:hover {
		--bg-color: var(--light-blue);
	}
	.lt__bg-lighter-blue-hover:hover {
		--bg-color: var(--lighter-blue);
	}
	.lt__bg-gray-hover:hover {
		--bg-color: var(--gray);
	}
	.lt__bg-light-gray-hover:hover {
		--bg-color: var(--light-gray);
	}
	.lt__bg-lighter-gray-hover:hover {
		--bg-color: var(--lighter-gray);
	}
	.lt__bg-off-white-hover:hover {
		--bg-color: var(--off-white);
	}
	.lt__bg-white-hover:hover {
		--bg-color: var(--white);
	}

	.lt__bor-black-hover:hover {
		--bor-color: var(--black);
	}
	.lt__bor-darker-blue-hover:hover {
		--bor-color: var(--darker-blue);
	}
	.lt__bor-dark-blue-hover:hover {
		--bor-color: var(--dark-blue);
	}
	.lt__bor-light-blue-hover:hover {
		--bor-color: var(--light-blue);
	}
	.lt__bor-lighter-blue-hover:hover {
		--bor-color: var(--lighter-blue);
	}
	.lt__bor-gray-hover:hover {
		--bor-color: var(--gray);
	}
	.lt__bor-light-gray-hover:hover {
		--bor-color: var(--light-gray);
	}
	.lt__bor-lighter-gray-hover:hover {
		--bor-color: var(--lighter-gray);
	}
	.lt__bor-off-white-hover:hover {
		--bor-color: var(--off-white);
	}
	.lt__bor-white-hover:hover {
		--bor-color: var(--white);
	}
	
	[class^='lt__bor-'],
	[class*=' lt__bor-'] {
		border-color: var(--bor-color) !important;
	}

	[class^='lt__bg-'],
	[class*=' lt__bg-'] {
		--has-fill-top:    1 !important;
		--has-fill-right:  1 !important;
		--has-fill-bottom: 1 !important;
		--has-fill-left:   1 !important;
		background-color:  var(--bg-color) !important;
	}
	
	
	
	/* 14.2.5. Border radius depth */
	
	:is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) :is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) {
		--border-radius-depth: 1;
	}
	:is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) :is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) :is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) {
		--border-radius-depth: 2;
	}
	:is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) :is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) :is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) :is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) {
		--border-radius-depth: 3;
	}
	:is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) :is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) :is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) :is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) :is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) {
		--border-radius-depth: 4;
	}
	:is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) :is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) :is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) :is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) :is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) :is([class^='bg-'], [class^='lt__bg-'], [class*=' bg-'], [class*=' lt__bg-'], img, .border, .lt__border, .border-top.border-left, .border-top.lt__border-left, .lt__border-top.border-left, .lt__border-top.lt__border-left, .border-top.border-right, .border-top.lt__border-right, .lt__border-top.border-right, .lt__border-top.lt__border-right, .border-bottom.border-left, .border-bottom.lt__border-left, .lt__border-bottom.border-left, .lt__border-bottom.lt__border-left, .border-bottom.border-right, .border-bottom.lt__border-right, .lt__border-bottom.border-right, .lt__border-bottom.lt__border-right, .box-shadow, .lt__box-shadow):not(.full-width):not(.lt__full-width) {
		--border-radius-depth: 5;
	}
	
	.border:not(.full-width):not(.lt__full-width),
	.lt__border:not(.full-width):not(.lt__full-width),
	.border-top.border-left:not(.full-width):not(.lt__full-width),
	.border-top.lt__border-left:not(.full-width):not(.lt__full-width),
	.lt__border-top.border-left:not(.full-width):not(.lt__full-width),
	.lt__border-top.lt__border-left:not(.full-width):not(.lt__full-width) {
		border-top-left-radius: calc(25px / var(--border-radius-depth));
	}
	.border:not(.full-width):not(.lt__full-width),
	.lt__border:not(.full-width):not(.lt__full-width),
	.border-top.border-right:not(.full-width):not(.lt__full-width),
	.border-top.lt__border-right:not(.full-width):not(.lt__full-width),
	.lt__border-top.border-right:not(.full-width):not(.lt__full-width),
	.lt__border-top.lt__border-right:not(.full-width):not(.lt__full-width) {
		border-top-right-radius: calc(25px / var(--border-radius-depth));
	}
	.border:not(.full-width):not(.lt__full-width),
	.lt__border:not(.full-width):not(.lt__full-width),
	.border-bottom.border-left:not(.full-width):not(.lt__full-width),
	.border-bottom.lt__border-left:not(.full-width):not(.lt__full-width),
	.lt__border-bottom.border-left:not(.full-width):not(.lt__full-width),
	.lt__border-bottom.lt__border-left:not(.full-width):not(.lt__full-width) {
		border-bottom-left-radius: calc(25px / var(--border-radius-depth));
	}
	.border:not(.full-width):not(.lt__full-width),
	.lt__border:not(.full-width):not(.lt__full-width),
	.border-bottom.border-right:not(.full-width):not(.lt__full-width),
	.border-bottom.lt__border-right:not(.full-width):not(.lt__full-width),
	.lt__border-bottom.border-right:not(.full-width):not(.lt__full-width),
	.lt__border-bottom.lt__border-right:not(.full-width):not(.lt__full-width) {
		border-bottom-right-radius: calc(25px / var(--border-radius-depth));
	}
	
	.row[class^='bg-']:not(.full-width):not(.lt__full-width),
	.row[class^='lt__bg-']:not(.full-width):not(.lt__full-width),
	.row[class*=' bg-']:not(.full-width):not(.lt__full-width),
	.row[class*=' lt__bg-']:not(.full-width):not(.lt__full-width),
	.col[class^='bg-'],
	.col[class^='lt__bg-'],
	.col[class*=' bg-'],
	.col[class*=' lt__bg-'],
	.row.box-shadow:not(.full-width):not(.lt__full-width),
	.row.lt__box-shadow:not(.full-width):not(.lt__full-width),
	.col.box-shadow,
	.col.lt__box-shadow {
		border-radius: calc(25px / var(--border-radius-depth));
	}
	
	
	
	/* 14.2.6. Spacing for filled rows or columns */
	
	.row[class^='lt__bg-'] + .row,
	.row[class*=' lt__bg-'] + .row,
	.row.lt__border + .row,
	.row.lt__border-bottom + .row,
	.row.lt__box-shadow + .row {
		margin-top: calc(25px * 2 * var(--col-spacing-multiplier));
	}

	:not(.row):not(.col) + .row[class^='lt__bg-'],
	:not(.row):not(.col) + .row[class*=' lt__bg-'],
	:not(.row):not(.col) + .row.lt__border,
	:not(.row):not(.col) + .row.lt__border-top,
	:not(.row):not(.col) + .row.lt__box-shadow {
		margin-top: max(12.5px, calc(25px * 2 * var(--col-spacing-multiplier)));
	}

	.row[class^='lt__bg-'] + :not(.row):not(.col),
	.row[class*=' lt__bg-'] + :not(.row):not(.col),
	.row.lt__border + :not(.row):not(.col),
	.row.lt__border-bottom + :not(.row):not(.col),
	.row.lt__box-shadow + :not(.row):not(.col) {
		margin-top: max(12.5px, calc(25px * var(--col-spacing-multiplier)));
	}
	
	
	
	/* 14.2.7. Simple text-related utility classes */
	
	.lt__no-txt-decor {
		text-decoration: none;
	}


	.lt__uppercase {
		text-transform: uppercase;
	}
	.lt__lowercase {
		text-transform: lowercase;
	}
	.lt__capitalize {
		text-transform: capitalize;
	}


	.lt__txt-left {
		text-align: left;
	}
	.lt__txt-center {
		text-align: center;
	}
	.lt__txt-right {
		text-align: right;
	}
	
	
	
	/* 14.2.8. Borders, border radiuses, margins, and paddings */
	
	.lt__border:not(.row), .lt__border-top:not(.row) {
		--has-fill-top:   1 !important;
		border-top-width: 1.5px;
		border-top-style: solid;
	}
	.lt__border:not(.row), .lt__border-right:not(.row) {
		--has-fill-right:   1 !important;
		border-right-width: 1.5px;
		border-right-style: solid;
	}
	.lt__border:not(.row), .lt__border-bottom:not(.row) {
		--has-fill-bottom:   1 !important;
		border-bottom-width: 1.5px;
		border-bottom-style: solid;
	}
	.lt__border:not(.row), .lt__border-left:not(.row) {
		--has-fill-left:   1 !important;
		border-left-width: 1.5px;
		border-left-style: solid;
	}

	.row.lt__border,
	.row.lt__border-top {
		--has-fill-top:    1 !important;
		padding-top:       calc(50px * var(--col-spacing-multiplier));
	}
	.row.lt__border,
	.row.lt__border-right {
		--has-fill-right:  1 !important;
		padding-right:     calc(25px * var(--col-spacing-multiplier));
	}
	.row.lt__border,
	.row.lt__border-bottom {
		--has-fill-bottom: 1 !important;
		padding-bottom:    calc(25px * var(--col-spacing-multiplier));
	}
	.row.lt__border,
	.row.lt__border-left {
		--has-fill-left: 1 !important;
		padding-left:    calc(25px * var(--col-spacing-multiplier));
	}

	.row.lt__border::before,
	.row.lt__border-top::before {
		--has-fill-top:     1;
		border-top-width:   1.5px;
		border-top-style:   solid;
	}
	.row.lt__border::before,
	.row.lt__border-right::before {
		--has-fill-right:     1;
		border-right-width:   1.5px;
		border-right-style:   solid;
	}
	.row.lt__border::before,
	.row.lt__border-bottom::before {
		--has-fill-bottom:     1;
		border-bottom-width:   1.5px;
		border-bottom-style:   solid;
	}
	.row.lt__border::before,
	.row.lt__border-left::before {
		--has-fill-left:     1;
		border-left-width:   1.5px;
		border-left-style:   solid;
	}


	.lt__border-solid:not(.row), .lt__border-top-solid:not(.row) {
		border-top-style: solid;
	}
	.lt__border-solid:not(.row), .lt__border-right-solid:not(.row) {
		border-right-style: solid;
	}
	.lt__border-solid:not(.row), .lt__border-bottom-solid:not(.row) {
		border-bottom-style: solid;
	}
	.lt__border-solid:not(.row), .lt__border-left-solid:not(.row) {
		border-left-style: solid;
	}

	.row.lt__border-solid::before, .row.lt__border-top-solid::before {
		border-top-style: solid;
	}
	.row.lt__border-solid::before, .row.lt__border-right-solid::before {
		border-right-style: solid;
	}
	.row.lt__border-solid::before, .row.lt__border-bottom-solid::before {
		border-bottom-style: solid;
	}
	.row.lt__border-solid::before, .row.lt__border-left-solid::before {
		border-left-style: solid;
	}


	.lt__border-dashed:not(.row), .lt__border-top-dashed:not(.row) {
		border-top-style: dashed;
	}
	.lt__border-dashed:not(.row), .lt__border-right-dashed:not(.row) {
		border-right-style: dashed;
	}
	.lt__border-dashed:not(.row), .lt__border-bottom-dashed:not(.row) {
		border-bottom-style: dashed;
	}
	.lt__border-dashed:not(.row), .lt__border-left-dashed:not(.row) {
		border-left-style: dashed;
	}

	.row.lt__border-dashed::before, .row.lt__border-top-dashed::before {
		border-top-style: dashed;
	}
	.row.lt__border-dashed::before, .row.lt__border-right-dashed::before {
		border-right-style: dashed;
	}
	.row.lt__border-dashed::before, .row.lt__border-bottom-dashed::before {
		border-bottom-style: dashed;
	}
	.row.lt__border-dashed::before, .row.lt__border-left-dashed::before {
		border-left-style: dashed;
	}


	.lt__border-dotted:not(.row), .lt__border-top-dotted:not(.row) {
		border-top-style: dotted;
	}
	.lt__border-dotted:not(.row), .lt__border-right-dotted:not(.row) {
		border-right-style: dotted;
	}
	.lt__border-dotted:not(.row), .lt__border-bottom-dotted:not(.row) {
		border-bottom-style: dotted;
	}
	.lt__border-dotted:not(.row), .lt__border-left-dotted:not(.row) {
		border-left-style: dotted;
	}

	.row.lt__border-dotted::before, .row.lt__border-top-dotted::before {
		border-top-style: dotted;
	}
	.row.lt__border-dotted::before, .row.lt__border-right-dotted::before {
		border-right-style: dotted;
	}
	.row.lt__border-dotted::before, .row.lt__border-bottom-dotted::before {
		border-bottom-style: dotted;
	}
	.row.lt__border-dotted::before, .row.lt__border-left-dotted::before {
		border-left-style: dotted;
	}


	.lt__border-rad-0,
	.lt__border-rad-top-right-0 {
		border-top-right-radius: 0px !important;
	}
	.lt__border-rad-0,
	.lt__border-rad-bottom-right-0 {
		border-bottom-right-radius: 0px !important;
	}
	.lt__border-rad-0,
	.lt__border-rad-bottom-left-0 {
		border-bottom-left-radius: 0px !important;
	}
	.lt__border-rad-0,
	.lt__border-rad-top-left-0 {
		border-top-left-radius: 0px !important;
	}

	.lt__border-rad-1,
	.lt__border-rad-top-right-1 {
		border-top-right-radius: 25px !important;
	}
	.lt__border-rad-1,
	.lt__border-rad-bottom-right-1 {
		border-bottom-right-radius: 25px !important;
	}
	.lt__border-rad-1,
	.lt__border-rad-bottom-left-1 {
		border-bottom-left-radius: 25px !important;
	}
	.lt__border-rad-1,
	.lt__border-rad-top-left-1 {
		border-top-left-radius: 25px !important;
	}

	.lt__border-rad-2,
	.lt__border-rad-top-right-2 {
		border-top-right-radius: calc(25px / 2) !important;
	}
	.lt__border-rad-2,
	.lt__border-rad-bottom-right-2 {
		border-bottom-right-radius: calc(25px / 2) !important;
	}
	.lt__border-rad-2,
	.lt__border-rad-bottom-left-2 {
		border-bottom-left-radius: calc(25px / 2) !important;
	}
	.lt__border-rad-2,
	.lt__border-rad-top-left-2 {
		border-top-left-radius: calc(25px / 2) !important;
	}

	.lt__border-rad-3,
	.lt__border-rad-top-right-3 {
		border-top-right-radius: calc(25px / 3) !important;
	}
	.lt__border-rad-3,
	.lt__border-rad-bottom-right-3 {
		border-bottom-right-radius: calc(25px / 3) !important;
	}
	.lt__border-rad-3,
	.lt__border-rad-bottom-left-3 {
		border-bottom-left-radius: calc(25px / 3) !important;
	}
	.lt__border-rad-3,
	.lt__border-rad-top-left-3 {
		border-top-left-radius: calc(25px / 3) !important;
	}

	.lt__border-rad-4,
	.lt__border-rad-top-right-4 {
		border-top-right-radius: calc(25px / 4) !important;
	}
	.lt__border-rad-4,
	.lt__border-rad-bottom-right-4 {
		border-bottom-right-radius: calc(25px / 4) !important;
	}
	.lt__border-rad-4,
	.lt__border-rad-bottom-left-4 {
		border-bottom-left-radius: calc(25px / 4) !important;
	}
	.lt__border-rad-4,
	.lt__border-rad-top-left-4 {
		border-top-left-radius: calc(25px / 4) !important;
	}

	.lt__border-rad-5,
	.lt__border-rad-top-right-5 {
		border-top-right-radius: calc(25px / 5) !important;
	}
	.lt__border-rad-5,
	.lt__border-rad-bottom-right-5 {
		border-bottom-right-radius: calc(25px / 5) !important;
	}
	.lt__border-rad-5,
	.lt__border-rad-bottom-left-5 {
		border-bottom-left-radius: calc(25px / 5) !important;
	}
	.lt__border-rad-5,
	.lt__border-rad-top-left-5 {
		border-top-left-radius: calc(25px / 5) !important;
	}



	.lt__mar-auto, .lt__mar-top-auto {
		margin-top: auto !important;
	}
	.lt__mar-auto, .lt__mar-right-auto {
		margin-right: auto !important;
	}
	.lt__mar-auto, .lt__mar-bottom-auto {
		margin-bottom: auto !important;
	}
	.lt__mar-auto, .lt__mar-left-auto {
		margin-left: auto !important;
	}

	.lt__mar-0,
	.lt__mar-top-0 {
		margin-top: 0px !important;
	}
	.lt__mar-0,
	.lt__mar-right-0 {
		margin-right: 0px !important;
	}
	.lt__mar-0,
	.lt__mar-bottom-0 {
		margin-bottom: 0px !important;
	}
	.lt__mar-0,
	.lt__mar-left-0 {
		margin-left: 0px !important;
	}

	.lt__mar-1,
	.lt__mar-top-1 {
		margin-top: 50px !important;
	}
	.lt__mar-1,
	.lt__mar-right-1 {
		margin-right: 50px !important;
	}
	.lt__mar-1,
	.lt__mar-bottom-1 {
		margin-bottom: 50px !important;
	}
	.lt__mar-1,
	.lt__mar-left-1 {
		margin-left: 50px !important;
	}

	.lt__mar-2,
	.lt__mar-top-2 {
		margin-top: 25px !important;
	}
	.lt__mar-2,
	.lt__mar-right-2 {
		margin-right: 25px !important;
	}
	.lt__mar-2,
	.lt__mar-bottom-2 {
		margin-bottom: 25px !important;
	}
	.lt__mar-2,
	.lt__mar-left-2 {
		margin-left: 25px !important;
	}

	.lt__mar-3,
	.lt__mar-top-3 {
		margin-top: 12.5px !important;
	}
	.lt__mar-3,
	.lt__mar-right-3 {
		margin-right: 12.5px !important;
	}
	.lt__mar-3,
	.lt__mar-bottom-3 {
		margin-bottom: 12.5px !important;
	}
	.lt__mar-3,
	.lt__mar-left-3 {
		margin-left: 12.5px !important;
	}

	.lt__mar-4,
	.lt__mar-top-4 {
		margin-top: 6.25px !important;
	}
	.lt__mar-4,
	.lt__mar-right-4 {
		margin-right: 6.25px !important;
	}
	.lt__mar-4,
	.lt__mar-bottom-4 {
		margin-bottom: 6.25px !important;
	}
	.lt__mar-4,
	.lt__mar-left-4 {
		margin-left: 6.25px !important;
	}


	.lt__mar-n1,
	.lt__mar-top-n1 {
		margin-top: -50px !important;
	}
	.lt__mar-n1,
	.lt__mar-right-n1 {
		margin-right: -50px !important;
	}
	.lt__mar-n1,
	.lt__mar-bottom-n1 {
		margin-bottom: -50px !important;
	}
	.lt__mar-n1,
	.lt__mar-left-n1 {
		margin-left: -50px !important;
	}

	.lt__mar-n2,
	.lt__mar-top-n2 {
		margin-top: -25px !important;
	}
	.lt__mar-n2,
	.lt__mar-right-n2 {
		margin-right: -25px !important;
	}
	.lt__mar-n2,
	.lt__mar-bottom-n2 {
		margin-bottom: -25px !important;
	}
	.lt__mar-n2,
	.lt__mar-left-n2 {
		margin-left: -25px !important;
	}

	.lt__mar-n3,
	.lt__mar-top-n3 {
		margin-top: -12.5px !important;
	}
	.lt__mar-n3,
	.lt__mar-right-n3 {
		margin-right: -12.5px !important;
	}
	.lt__mar-n3,
	.lt__mar-bottom-n3 {
		margin-bottom: -12.5px !important;
	}
	.lt__mar-n3,
	.lt__mar-left-n3 {
		margin-left: -12.5px !important;
	}

	.lt__mar-n4,
	.lt__mar-top-n4 {
		margin-top: -6.25px !important;
	}
	.lt__mar-n4,
	.lt__mar-right-n4 {
		margin-right: -6.25px !important;
	}
	.lt__mar-n4,
	.lt__mar-bottom-n4 {
		margin-bottom: -6.25px !important;
	}
	.lt__mar-n4,
	.lt__mar-left-n4 {
		margin-left: -6.25px !important;
	}


	.lt__pad-0,
	.lt__pad-top-0 {
		padding-top: 0px !important;
	}
	.lt__pad-0,
	.lt__pad-right-0 {
		padding-right: 0px !important;
	}
	.lt__pad-0,
	.lt__pad-bottom-0 {
		padding-bottom: 0px !important;
	}
	.lt__pad-0,
	.lt__pad-left-0 {
		padding-left: 0px !important;
	}

	.lt__pad-1,
	.lt__pad-top-1 {
		padding-top: 50px !important;
	}
	.lt__pad-1,
	.lt__pad-right-1 {
		padding-right: 50px !important;
	}
	.lt__pad-1,
	.lt__pad-bottom-1 {
		padding-bottom: 50px !important;
	}
	.lt__pad-1,
	.lt__pad-left-1 {
		padding-left: 50px !important;
	}

	.lt__pad-2,
	.lt__pad-top-2 {
		padding-top: 25px !important;
	}
	.lt__pad-2,
	.lt__pad-right-2 {
		padding-right: 25px !important;
	}
	.lt__pad-2,
	.lt__pad-bottom-2 {
		padding-bottom: 25px !important;
	}
	.lt__pad-2,
	.lt__pad-left-2 {
		padding-left: 25px !important;
	}

	.lt__pad-3,
	.lt__pad-top-3 {
		padding-top: 12.5px !important;
	}
	.lt__pad-3,
	.lt__pad-right-3 {
		padding-right: 12.5px !important;
	}
	.lt__pad-3,
	.lt__pad-bottom-3 {
		padding-bottom: 12.5px !important;
	}
	.lt__pad-3,
	.lt__pad-left-3 {
		padding-left: 12.5px !important;
	}

	.lt__pad-4,
	.lt__pad-top-4 {
		padding-top: 6.25px !important;
	}
	.lt__pad-4,
	.lt__pad-right-4 {
		padding-right: 6.25px !important;
	}
	.lt__pad-4,
	.lt__pad-bottom-4 {
		padding-bottom: 6.25px !important;
	}
	.lt__pad-4,
	.lt__pad-left-4 {
		padding-left: 6.25px !important;
	}
	
	
	
	/* 14.2.9. Full-width rows */
	
	.row.lt__full-width {
		margin-left:   calc(50% - 50 * var(--vw));
		margin-right:  calc(50% - 50 * var(--vw));
	}
	.row.full-width.lt__content-in-container,
	.row.lt__full-width.content-in-container,
	.row.lt__full-width.lt__content-in-container {
		padding-left:  calc(50 * var(--vw) - 50% - 25px * var(--col-spacing-multiplier));
		padding-right: calc(50 * var(--vw) - 50% - 25px * var(--col-spacing-multiplier));
	}
	main > article > .container > .row.lt__full-width:first-child {
		margin-top: calc(-50px * var(--has-fill-top));
	}
	
	.row.full-width[class^='bg-'] + .row.full-width[class^='bg-'],
	.row.full-width[class^='bg-'] + .row.full-width[class^='lt__bg-'],
	.row.full-width[class^='bg-'] + .row.lt__full-width[class^='bg-'],
	.row.full-width[class^='bg-'] + .row.lt__full-width[class^='lt__bg-'],
	.row.full-width[class^='lt__bg-'] + .row.full-width[class^='bg-'],
	.row.full-width[class^='lt__bg-'] + .row.full-width[class^='lt__bg-'],
	.row.full-width[class^='lt__bg-'] + .row.lt__full-width[class^='bg-'],
	.row.full-width[class^='lt__bg-'] + .row.lt__full-width[class^='lt__bg-'],
	.row.lt__full-width[class^='bg-'] + .row.full-width[class^='bg-'],
	.row.lt__full-width[class^='bg-'] + .row.full-width[class^='lt__bg-'],
	.row.lt__full-width[class^='bg-'] + .row.lt__full-width[class^='bg-'],
	.row.lt__full-width[class^='bg-'] + .row.lt__full-width[class^='lt__bg-'],
	.row.lt__full-width[class^='lt__bg-'] + .row.full-width[class^='bg-'],
	.row.lt__full-width[class^='lt__bg-'] + .row.full-width[class^='lt__bg-'],
	.row.lt__full-width[class^='lt__bg-'] + .row.lt__full-width[class^='bg-'],
	.row.lt__full-width[class^='lt__bg-'] + .row.lt__full-width[class^='lt__bg-'],
	
	.row.full-width[class^='bg-'] + .row.full-width[class*=' bg-'],
	.row.full-width[class^='bg-'] + .row.full-width[class*=' lt__bg-'],
	.row.full-width[class^='bg-'] + .row.lt__full-width[class*=' bg-'],
	.row.full-width[class^='bg-'] + .row.lt__full-width[class*=' lt__bg-'],
	.row.full-width[class^='lt__bg-'] + .row.full-width[class*=' bg-'],
	.row.full-width[class^='lt__bg-'] + .row.full-width[class*=' lt__bg-'],
	.row.full-width[class^='lt__bg-'] + .row.lt__full-width[class*=' bg-'],
	.row.full-width[class^='lt__bg-'] + .row.lt__full-width[class*=' lt__bg-'],
	.row.lt__full-width[class^='bg-'] + .row.full-width[class*=' bg-'],
	.row.lt__full-width[class^='bg-'] + .row.full-width[class*=' lt__bg-'],
	.row.lt__full-width[class^='bg-'] + .row.lt__full-width[class*=' bg-'],
	.row.lt__full-width[class^='bg-'] + .row.lt__full-width[class*=' lt__bg-'],
	.row.lt__full-width[class^='lt__bg-'] + .row.full-width[class*=' bg-'],
	.row.lt__full-width[class^='lt__bg-'] + .row.full-width[class*=' lt__bg-'],
	.row.lt__full-width[class^='lt__bg-'] + .row.lt__full-width[class*=' bg-'],
	.row.lt__full-width[class^='lt__bg-'] + .row.lt__full-width[class*=' lt__bg-'],

	.row.full-width[class*=' bg-'] + .row.full-width[class^='bg-'],
	.row.full-width[class*=' bg-'] + .row.full-width[class^='lt__bg-'],
	.row.full-width[class*=' bg-'] + .row.lt__full-width[class^='bg-'],
	.row.full-width[class*=' bg-'] + .row.lt__full-width[class^='lt__bg-'],
	.row.full-width[class*=' lt__bg-'] + .row.full-width[class^='bg-'],
	.row.full-width[class*=' lt__bg-'] + .row.full-width[class^='lt__bg-'],
	.row.full-width[class*=' lt__bg-'] + .row.lt__full-width[class^='bg-'],
	.row.full-width[class*=' lt__bg-'] + .row.lt__full-width[class^='lt__bg-'],
	.row.lt__full-width[class*=' bg-'] + .row.full-width[class^='bg-'],
	.row.lt__full-width[class*=' bg-'] + .row.full-width[class^='lt__bg-'],
	.row.lt__full-width[class*=' bg-'] + .row.lt__full-width[class^='bg-'],
	.row.lt__full-width[class*=' bg-'] + .row.lt__full-width[class^='lt__bg-'],
	.row.lt__full-width[class*=' lt__bg-'] + .row.full-width[class^='bg-'],
	.row.lt__full-width[class*=' lt__bg-'] + .row.full-width[class^='lt__bg-'],
	.row.lt__full-width[class*=' lt__bg-'] + .row.lt__full-width[class^='bg-'],
	.row.lt__full-width[class*=' lt__bg-'] + .row.lt__full-width[class^='lt__bg-'],
	
	.row.full-width[class*=' bg-'] + .row.full-width[class*=' bg-'],
	.row.full-width[class*=' bg-'] + .row.full-width[class*=' lt__bg-'],
	.row.full-width[class*=' bg-'] + .row.lt__full-width[class*=' bg-'],
	.row.full-width[class*=' bg-'] + .row.lt__full-width[class*=' lt__bg-'],
	.row.full-width[class*=' lt__bg-'] + .row.full-width[class*=' bg-'],
	.row.full-width[class*=' lt__bg-'] + .row.full-width[class*=' lt__bg-'],
	.row.full-width[class*=' lt__bg-'] + .row.lt__full-width[class*=' bg-'],
	.row.full-width[class*=' lt__bg-'] + .row.lt__full-width[class*=' lt__bg-'],
	.row.lt__full-width[class*=' bg-'] + .row.full-width[class*=' bg-'],
	.row.lt__full-width[class*=' bg-'] + .row.full-width[class*=' lt__bg-'],
	.row.lt__full-width[class*=' bg-'] + .row.lt__full-width[class*=' bg-'],
	.row.lt__full-width[class*=' bg-'] + .row.lt__full-width[class*=' lt__bg-'],
	.row.lt__full-width[class*=' lt__bg-'] + .row.full-width[class*=' bg-'],
	.row.lt__full-width[class*=' lt__bg-'] + .row.full-width[class*=' lt__bg-'],
	.row.lt__full-width[class*=' lt__bg-'] + .row.lt__full-width[class*=' bg-'],
	.row.lt__full-width[class*=' lt__bg-'] + .row.lt__full-width[class*=' lt__bg-'] {
		margin-top: calc(-25px * var(--col-spacing-multiplier));
	}
	
	/*.row:is(.full-width, .lt__full-width):is([class^='bg-'], [class*=' bg-'], [class^='lt__bg-'], [class*=' lt__bg-']) + .row:is(.full-width, .lt__full-width):is([class^='bg-'], [class*=' bg-'], [class^='lt__bg-'], [class*=' lt__bg-']) {
		margin-top: calc(-25px * var(--col-spacing-multiplier));
	}*/
	
	
	
	/* 14.2.10. Full-height rows */
	
	.row.lt__full-height {
		min-height: calc(100vh - var(--header-height) - var(--top-bar-height));
	}
	
	
	
	/* 14.2.11. Positioning */
	
	.lt__absolute {
		position: absolute !important;
	}
	.lt__fixed {
		position: fixed !important;
	}
	.lt__relative {
		position: relative !important;
	}
	.lt__static {
		position: static !important;
	}
	.lt__sticky {
		position: sticky !important;
	}


	.lt__top {
		top:    0px;
		bottom: auto;
	}
	.lt__right {
		right: 0px;
		left:  auto;
	}
	.lt__bottom {
		bottom: 0px;
		top:    auto;
	}
	.lt__left {
		left:  0px;
		right: auto;
	}

	.lt__top-out {
		bottom: 100%;
		top:    auto;
	}
	.lt__right-out {
		left:  100%;
		right: auto;
	}
	.lt__bottom-out {
		top:    100%;
		bottom: auto;
	}
	.lt__left-out {
		right: 100%;
		left:  auto;
	}
	
	
	
	/* 14.2.12. Moving out of the container on the left or right side */
	
	.lt__out-container-left {
		margin-left: calc((var(--container-width) - var(--vw) * 100) / 2 - 25px);
		max-width:   calc(100% + (var(--vw) * 100 - var(--container-width)) / 2 + 25px);
	}
	.lt__out-container-right {
		margin-right: calc((var(--container-width) - var(--vw) * 100) / 2 - 25px);
		max-width:    calc(100% + (var(--vw) * 100 - var(--container-width)) / 2 + 25px);
	}
	
	
	
	/* 14.2.13. Box shadow */
	
	.lt__box-shadow {
		--has-fill-top:    1 !important;
		--has-fill-right:  1 !important;
		--has-fill-bottom: 1 !important;
		--has-fill-left:   1 !important;
		box-shadow:        0px 0px 6.25px 6.25px rgba(0, 0, 0, 0.03);
	}
	
	
	
	/* 14.2.14. Reversing, direction, alignment, and RTL layouts */
	
	.row:not(.reverse):not(.lt__reverse):not(.vertical):not(.lt__vertical) {
		flex-direction:  row;
		justify-content: flex-start;
	}
	.row.reverse:not(.vertical):not(.lt__vertical),
	.row.lt__reverse:not(.vertical):not(.lt__vertical) {
		flex-direction:  row-reverse;
		justify-content: flex-end;
	}
	.row:not(.reverse):not(.lt__reverse).vertical,
	.row:not(.reverse):not(.lt__reverse).lt__vertical {
		flex-direction:  column;
		align-items:     flex-start;
	}
	.row.reverse.vertical,
	.row.reverse.lt__vertical,
	.row.lt__reverse.vertical,
	.row.lt__reverse.lt__vertical {
		flex-direction:  column-reverse;
		align-items:     flex-start;
	}


	.row:not(.reverse):not(.lt__reverse):not(.vertical):not(.lt__vertical).content-left,
	.row:not(.reverse):not(.lt__reverse):not(.vertical):not(.lt__vertical).lt__content-left {
		justify-content: flex-start !important;
	}
	.row.reverse:not(.vertical):not(.lt__vertical).content-left,
	.row.reverse:not(.vertical):not(.lt__vertical).lt__content-left,
	.row.lt__reverse:not(.vertical):not(.lt__vertical).content-left,
	.row.lt__reverse:not(.vertical):not(.lt__vertical).lt__content-left {
		justify-content: flex-end !important;
	}
	.row:not(.reverse):not(.lt__reverse).vertical.content-left,
	.row:not(.reverse):not(.lt__reverse).vertical.lt__content-left,
	.row:not(.reverse):not(.lt__reverse).lt__vertical.content-left,
	.row:not(.reverse):not(.lt__reverse).lt__vertical.lt__content-left {
		align-items: flex-start !important;
	}
	.row.reverse.vertical.content-left,
	.row.reverse.vertical.lt__content-left,
	.row.reverse.lt__vertical.content-left,
	.row.reverse.lt__vertical.lt__content-left,
	.row.lt__reverse.vertical.content-left,
	.row.lt__reverse.vertical.lt__content-left,
	.row.lt__reverse.lt__vertical.content-left,
	.row.lt__reverse.lt__vertical.lt__content-left {
		align-items: flex-start !important;
	}

	.row:not(.vertical):not(.lt__vertical).content-center,
	.row:not(.vertical):not(.lt__vertical).lt__content-center {
		justify-content: center !important;
	}
	.row.vertical.content-center,
	.row.vertical.lt__content-center,
	.row.lt__vertical.content-center,
	.row.lt__vertical.lt__content-center {
		align-items: center !important;
	}

	.row:not(.reverse):not(.lt__reverse):not(.vertical):not(.lt__vertical).content-right,
	.row:not(.reverse):not(.lt__reverse):not(.vertical):not(.lt__vertical).lt__content-right {
		justify-content: flex-end !important;
	}
	.row.reverse:not(.vertical):not(.lt__vertical).content-right,
	.row.reverse:not(.vertical):not(.lt__vertical).lt__content-right,
	.row.lt__reverse:not(.vertical):not(.lt__vertical).content-right,
	.row.lt__reverse:not(.vertical):not(.lt__vertical).lt__content-right {
		justify-content: flex-start !important;
	}
	.row:not(.reverse):not(.lt__reverse).vertical.content-right,
	.row:not(.reverse):not(.lt__reverse).vertical.lt__content-right,
	.row:not(.reverse):not(.lt__reverse).lt__vertical.content-right,
	.row:not(.reverse):not(.lt__reverse).lt__vertical.lt__content-right {
		align-items: flex-end !important;
	}
	.row.reverse.vertical.content-right,
	.row.reverse.vertical.lt__content-right,
	.row.reverse.lt__vertical.content-right,
	.row.reverse.lt__vertical.lt__content-right,
	.row.lt__reverse.vertical.content-right,
	.row.lt__reverse.vertical.lt__content-right,
	.row.lt__reverse.lt__vertical.content-right,
	.row.lt__reverse.lt__vertical.lt__content-right {
		align-items: flex-end !important;
	}


	.row:not(.reverse):not(.lt__reverse):not(.vertical):not(.lt__vertical).items-top,
	.row:not(.reverse):not(.lt__reverse):not(.vertical):not(.lt__vertical).lt__items-top {
		align-items: flex-start !important;
	}
	.row.reverse:not(.vertical):not(.lt__vertical).items-top,
	.row.reverse:not(.vertical):not(.lt__vertical).lt__items-top,
	.row.lt__reverse:not(.vertical):not(.lt__vertical).items-top,
	.row.lt__reverse:not(.vertical):not(.lt__vertical).lt__items-top {
		align-items: flex-start !important;
	}
	.row:not(.reverse):not(.lt__reverse).vertical.items-top,
	.row:not(.reverse):not(.lt__reverse).vertical.lt__items-top,
	.row:not(.reverse):not(.lt__reverse).lt__vertical.items-top,
	.row:not(.reverse):not(.lt__reverse).lt__vertical.lt__items-top {
		justify-content: flex-start !important;
	}
	.row.reverse.vertical.items-top,
	.row.reverse.vertical.lt__items-top,
	.row.reverse.lt__vertical.items-top,
	.row.reverse.lt__vertical.lt__items-top,
	.row.lt__reverse.vertical.items-top,
	.row.lt__reverse.vertical.lt__items-top,
	.row.lt__reverse.lt__vertical.items-top,
	.row.lt__reverse.lt__vertical.lt__items-top {
		justify-content: flex-end !important;
	}

	.row:not(.vertical):not(.lt__vertical).items-center,
	.row:not(.vertical):not(.lt__vertical).lt__items-center {
		align-items: center !important;
	}
	.row.vertical.items-center,
	.row.vertical.lt__items-center,
	.row.lt__vertical.items-center,
	.row.lt__vertical.lt__items-center {
		justify-content: center !important;
	}

	.row:not(.reverse):not(.lt__reverse):not(.vertical):not(.lt__vertical).items-bottom,
	.row:not(.reverse):not(.lt__reverse):not(.vertical):not(.lt__vertical).lt__items-bottom {
		align-items: flex-end !important;
	}
	.row.reverse:not(.vertical):not(.lt__vertical).items-bottom,
	.row.reverse:not(.vertical):not(.lt__vertical).lt__items-bottom,
	.row.lt__reverse:not(.vertical):not(.lt__vertical).items-bottom,
	.row.lt__reverse:not(.vertical):not(.lt__vertical).lt__items-bottom {
		align-items: flex-end !important;
	}
	.row:not(.reverse):not(.lt__reverse).vertical.items-bottom,
	.row:not(.reverse):not(.lt__reverse).vertical.lt__items-bottom,
	.row:not(.reverse):not(.lt__reverse).lt__vertical.items-bottom,
	.row:not(.reverse):not(.lt__reverse).lt__vertical.lt__items-bottom {
		justify-content: flex-end !important;
	}
	.row.reverse.vertical.items-bottom,
	.row.reverse.vertical.lt__items-bottom,
	.row.reverse.lt__vertical.items-bottom,
	.row.reverse.lt__vertical.lt__items-bottom,
	.row.lt__reverse.vertical.items-bottom,
	.row.lt__reverse.vertical.lt__items-bottom,
	.row.lt__reverse.lt__vertical.items-bottom,
	.row.lt__reverse.lt__vertical.lt__items-bottom {
		justify-content: flex-start !important;
	}
	
	.lt__rtl {
		direction: rtl;
	}
	.lt__ltr {
		direction: ltr;
	}
	
	
	
	/* 15.2. Making your layout responsive (additional utility classes) */
	
	.lt__self-stretch {
		align-self: stretch;
	}
	.lt__self-start {
		align-self: flex-start;
	}
	.lt__self-center {
		align-self: center;
	}
	.lt__self-end {
		align-self: flex-end;
	}
	
	
	
	/* 14.2.15. Column widths */
	
	[class*='w-1/lt/']{--a:1}
	[class*='w-2/lt/']{--a:2}
	[class*='w-3/lt/']{--a:3}
	[class*='w-4/lt/']{--a:4}
	[class*='w-5/lt/']{--a:5}
	[class*='w-6/lt/']{--a:6}
	[class*='w-7/lt/']{--a:7}
	[class*='w-8/lt/']{--a:8}
	[class*='w-9/lt/']{--a:9}
	[class*='w-10/lt/']{--a:10}
	[class*='w-11/lt/']{--a:11}
	[class*='w-12/lt/']{--a:12}
	[class*='w-13/lt/']{--a:13}
	[class*='w-14/lt/']{--a:14}
	[class*='w-15/lt/']{--a:15}
	[class*='w-16/lt/']{--a:16}
	[class*='w-17/lt/']{--a:17}
	[class*='w-18/lt/']{--a:18}
	[class*='w-19/lt/']{--a:19}
	[class*='w-20/lt/']{--a:20}
	[class*='w-21/lt/']{--a:21}
	[class*='w-22/lt/']{--a:22}
	[class*='w-23/lt/']{--a:23}
	[class*='w-24/lt/']{--a:24}

	[class*='/lt/1']{--b:1}
	[class*='/lt/2']{--b:2}
	[class*='/lt/3']{--b:3}
	[class*='/lt/4']{--b:4}
	[class*='/lt/5']{--b:5}
	[class*='/lt/6']{--b:6}
	[class*='/lt/7']{--b:7}
	[class*='/lt/8']{--b:8}
	[class*='/lt/9']{--b:9}
	[class*='/lt/10']{--b:10}
	[class*='/lt/11']{--b:11}
	[class*='/lt/12']{--b:12}
	[class*='/lt/13']{--b:13}
	[class*='/lt/14']{--b:14}
	[class*='/lt/15']{--b:15}
	[class*='/lt/16']{--b:16}
	[class*='/lt/17']{--b:17}
	[class*='/lt/18']{--b:18}
	[class*='/lt/19']{--b:19}
	[class*='/lt/20']{--b:20}
	[class*='/lt/21']{--b:21}
	[class*='/lt/22']{--b:22}
	[class*='/lt/23']{--b:23}
	[class*='/lt/24']{--b:24}

	.col[class*='/lt/'] {
		flex-grow:  0;
		flex-basis: calc(var(--a) / var(--b) * 100% - 25px * 2 * var(--col-spacing-multiplier));
		/*width:      calc(var(--a) / var(--b) * 100% - 25px * 2 * var(--col-spacing-multiplier));*/
	}
	.col.lt__w-auto {
		flex-basis: auto;
		/*max-width:  calc(100% - 25px * 2 * var(--col-spacing-multiplier));*/
		flex-grow:  0;
	}
	
	
	
	/* 14.2.16. 100% width or height */
	
	.lt__w100 {
		width: 100% !important;
	}
	.lt__h100 {
		height: 100% !important;
	}
	
	
	
	/* 14.2.17. Z-Index */
	
	.lt__z-1  {--z:1}  .lt__z-2  {--z:2}  .lt__z-3  {--z:3}
	.lt__z-4  {--z:4}  .lt__z-5  {--z:5}  .lt__z-6  {--z:6}
	.lt__z-7  {--z:7}  .lt__z-8  {--z:8}  .lt__z-9  {--z:9}
	.lt__z-10 {--z:10} .lt__z-11 {--z:11} .lt__z-12 {--z:12}
	.lt__z-13 {--z:13} .lt__z-14 {--z:14} .lt__z-15 {--z:15}
	.lt__z-16 {--z:16} .lt__z-17 {--z:17} .lt__z-18 {--z:18}
	.lt__z-19 {--z:19} .lt__z-20 {--z:20} .lt__z-21 {--z:21}
	.lt__z-22 {--z:22} .lt__z-23 {--z:23} .lt__z-24 {--z:24}
	.lt__z-25 {--z:25} .lt__z-26 {--z:26} .lt__z-27 {--z:27}
	.lt__z-28 {--z:28} .lt__z-29 {--z:29} .lt__z-30 {--z:30}
	.lt__z-31 {--z:31} .lt__z-32 {--z:32} .lt__z-33 {--z:33}
	.lt__z-34 {--z:34} .lt__z-35 {--z:35} .lt__z-36 {--z:36}
	.lt__z-37 {--z:37} .lt__z-38 {--z:38} .lt__z-39 {--z:39}
	.lt__z-40 {--z:40} .lt__z-41 {--z:41} .lt__z-42 {--z:42}
	.lt__z-43 {--z:43} .lt__z-44 {--z:44} .lt__z-45 {--z:45}
	.lt__z-46 {--z:46} .lt__z-47 {--z:47} .lt__z-48 {--z:48}

	[class^='lt__z-'], [class*=' lt__z-'] {
		z-index:  var(--z);
		position: relative;
	}
	
	
	
	/* 14.2.18. Hiding elements */
	
	.lt__hide {
		display: none !important;
	}
	.lt__invisible {
		visibility: hidden !important;
	}
	
	
	
	/* 14.2.19. Preventing user interaction */

	.lt__no-pointer-events {
		pointer-events: none !important;
	}
	
	
	
	/* 15.2. Making your layout responsive (additional utility classes) */
	
	.lt__obj-contain {
		object-fit: contain;
	}
	.lt__obj-cover {
		object-fit: cover;
	}
	
	
	
	/* 17. Creating a top bar (additional utility classes) */
	
	.lt__icon {
		width:         1em;
		height:        1em;
		object-fit:    contain;
		border-radius: 0px;
	}
}

/* Breakpoints: LT, DT */
@media (min-width: 1200px) {
	:root {
		--header-height: 110px;
	}
	#header-logo {
		height: 60px;
	}
	#toggle-hamburger-menu {
		display: none;
	}
}
/* Breakpoints: TL, TP, ML, MP */
@media (max-width: 1199.98px) {
	:root {
		--header-height: 61px;
		--hamburger-menu-toggle-width: calc(0.3 * var(--header-height));
	}
	#header-logo {
		height: 36px;
	}
	#toggle-hamburger-menu {
		background-color: transparent;
		border-width:     0px;
		color:            transparent;
		display:          block;
		padding:          0px;
		height:           var(--header-height);
		width:            calc(
			var(--hamburger-menu-toggle-width)
			+
			2 * (
				(100vw - var(--container-width)) / 2
				+
				calc(25px * var(--col-spacing-multiplier))
			)
		);
		margin-right:     calc(
			0px
			-
			(100vw - var(--container-width)) / 2
			-
			calc(25px * var(--col-spacing-multiplier))
		);
		margin-top:       -12.5px;
		margin-bottom:    -12.5px;
		border-radius:    0px;
		position:         relative;
	}
	#toggle-hamburger-menu::before,
	#toggle-hamburger-menu::after {
		content:          '';
		display:          block;
		position:         absolute;
		top:              50%;
		right:            calc(
			(100vw - var(--container-width)) / 2
			+
			calc(25px * var(--col-spacing-multiplier))
		);
		width:            var(--hamburger-menu-toggle-width);
		height:           0px;
		border-top:       1px solid var(--txt-color);
		border-bottom:    1px solid var(--txt-color);
		background-color: var(--txt-color);
		transition:       transform 0.2s ease;
	}
	#toggle-hamburger-menu::before {
		transform: translateY(calc(-50% - var(--hamburger-menu-toggle-width) / 3.5));
	}
	#toggle-hamburger-menu::after {
		transform: translateY(calc(-50% + var(--hamburger-menu-toggle-width) / 3.5));
	}
	#toggle-hamburger-menu.toggled::before {
		transform: translateY(-50%) rotate(45deg);
	}
	#toggle-hamburger-menu.toggled::after {
		transform: translateY(-50%) rotate(-45deg);
	}
	#toggle-hamburger-menu + nav {
		transform:        translateY(calc(0px - (100vh - var(--header-height) - var(--top-bar-height)) - var(--header-height) - var(--top-bar-height) * 2));
		height:           calc(100vh - var(--header-height) - var(--top-bar-height));
		width:            calc(100 * var(--vw));
		overflow:         hidden;
		background-color: var(--bg-color);
		padding:          25px calc((100vw - var(--container-width)) / 2 + 25px);
		transition:       transform 0.4s ease;
		position:         absolute;
		top:              var(--header-height);
		left:             0px;
		z-index:          -1;
	}
	#toggle-hamburger-menu.toggled + nav {
		transform: translateY(0%);
	}
	#toggle-hamburger-menu + nav ul {
		flex-direction:  column;
		justify-content: center;
		height:          100%;
	}
}

/* TL - Tablet (landscape) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	:root {
		--top-bar-height: 49px;
	}
	
	.container {
		--container-width: 962px;
	}
	
	body {
		font-size: 16px;
	}
	
	/* 14.2.1. Headings */
	
	.tl__h1, .tl__h2, .tl__h3, .tl__h4, .tl__h5, .tl__h6 {
		font-family:   Arial;
		font-weight:   700;
		line-height:   1.2em;
	}
	.tl__h1:not(:first-child), .tl__h2:not(:first-child), .tl__h3:not(:first-child), .tl__h4:not(:first-child), .tl__h5:not(:first-child), .tl__h6:not(:first-child) {
		margin-top: 37.5px;
	}
	.tl__h1:not(:last-child), .tl__h2:not(:last-child), .tl__h3:not(:last-child), .tl__h4:not(:last-child), .tl__h5:not(:last-child), .tl__h6:not(:last-child) {
		margin-bottom: 25px;
	}

	h1, .h1, .tl__h1 {
		font-size: 27px;
	}
	h2, .h2, .tl__h2 {
		font-size: 25px;
	}
	h3, .h3, .tl__h3 {
		font-size: 22px;
	}
	h4, .h4, .tl__h4 {
		font-size: 20px;
	}
	h5, .h5, .tl__h5 {
		font-size: 18px;
	}
	h6, .h6, .tl__h6 {
		font-size: 16px;
	}
	
	
	/* 14.2.2. Dialogs */
	
	dialog:not(#_) :is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) {
		--border-radius-depth: 2;
	}
	dialog:not(#_) :is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) :is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) {
		--border-radius-depth: 3;
	}
	dialog:not(#_) :is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) :is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) :is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) {
		--border-radius-depth: 4;
	}
	dialog:not(#_) :is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) :is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) :is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) :is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) {
		--border-radius-depth: 5;
	}
	
	
	
	/* 14.2.3. Color schemes */
	
	.tl__color-scheme-dark {
		--accent-color:                       var(--dark__accent-color);
		--hyperlink-color:                    var(--dark__hyperlink-color);
		--field-color:                        var(--dark__field-color);
		--field-background-color:             var(--dark__field-background-color);
		--field-border-color:                 var(--dark__field-border-color);
		--checkbox-check-url:                 var(--dark__checkbox-check-url);
		--selectbox-caret-url:                var(--dark__selectbox-caret-url);
		--option-color:                       var(--dark__option-color);
		--option-background-color:            var(--dark__option-background-color);
		--button-color:                       var(--dark__button-color);
		--button-background-color:            var(--dark__button-background-color);
		--button-border-color:                var(--dark__button-border-color);
		--blockquote-decoration-color:        var(--dark__blockquote-decoration-color);
		--code-background-color:              var(--dark__code-background-color);
		--kbd-background-color:               var(--dark__kbd-background-color);
		--table-border-color:                 var(--dark__table-border-color);
		--table-header-cell-background-color: var(--dark__table-header-cell-background-color);
		--table-header-cell-text-color:       var(--dark__table-header-cell-text-color);
		--table-data-cell-background-color:   var(--dark__table-data-cell-background-color);
		--table-data-cell-text-color:         var(--dark__table-data-cell-text-color);
		--table-footer-cell-background-color: var(--dark__table-footer-cell-background-color);
		--table-footer-cell-text-color:       var(--dark__table-footer-cell-text-color);
		--txt-color:                          var(--dark__txt-color);
	}
	.tl__color-scheme-light {
		--accent-color:                       var(--light__accent-color);
		--hyperlink-color:                    var(--light__hyperlink-color);
		--field-color:                        var(--light__field-color);
		--field-background-color:             var(--light__field-background-color);
		--field-border-color:                 var(--light__field-border-color);
		--checkbox-check-url:                 var(--light__checkbox-check-url);
		--selectbox-caret-url:                var(--light__selectbox-caret-url);
		--option-color:                       var(--light__option-color);
		--option-background-color:            var(--light__option-background-color);
		--button-color:                       var(--light__button-color);
		--button-background-color:            var(--light__button-background-color);
		--button-border-color:                var(--light__button-border-color);
		--blockquote-decoration-color:        var(--light__blockquote-decoration-color);
		--code-background-color:              var(--light__code-background-color);
		--kbd-background-color:               var(--light__kbd-background-color);
		--table-border-color:                 var(--light__table-border-color);
		--table-header-cell-background-color: var(--light__table-header-cell-background-color);
		--table-header-cell-text-color:       var(--light__table-header-cell-text-color);
		--table-data-cell-background-color:   var(--light__table-data-cell-background-color);
		--table-data-cell-text-color:         var(--light__table-data-cell-text-color);
		--table-footer-cell-background-color: var(--light__table-footer-cell-background-color);
		--table-footer-cell-text-color:       var(--light__table-footer-cell-text-color);
		--txt-color:                          var(--light__txt-color);
	}
	[class^='tl__txt-'],
	[class*=' tl__txt-'],
	.tl__color-scheme-dark,
	.tl__color-scheme-light {
		color: var(--txt-color) !important;
	}
	
	.row[class^='bg-']:not(.full-width):not(.tl__full-width),
	.row[class^='tl__bg-']:not(.full-width):not(.tl__full-width),
	.row[class*=' bg-']:not(.full-width):not(.tl__full-width),
	.row[class*=' tl__bg-']:not(.full-width):not(.tl__full-width),
	.row.box-shadow:not(.full-width):not(.tl__full-width),
	.row.tl__box-shadow:not(.full-width):not(.tl__full-width) {
		border-radius: calc(25px / var(--border-radius-depth));
	}
	
	
	
	/* 14.2.4. Text colors, background colors, and border colors */
	
	.tl__txt-black {
		--txt-color: var(--black);
	}
	.tl__txt-darker-blue {
		--txt-color: var(--darker-blue);
	}
	.tl__txt-dark-blue {
		--txt-color: var(--dark-blue);
	}
	.tl__txt-light-blue {
		--txt-color: var(--light-blue);
	}
	.tl__txt-lighter-blue {
		--txt-color: var(--lighter-blue);
	}
	.tl__txt-gray {
		--txt-color: var(--gray);
	}
	.tl__txt-light-gray {
		--txt-color: var(--light-gray);
	}
	.tl__txt-lighter-gray {
		--txt-color: var(--lighter-gray);
	}
	.tl__txt-off-white {
		--txt-color: var(--off-white);
	}
	.tl__txt-white {
		--txt-color: var(--white);
	}

	.tl__bg-black {
		--bg-color: var(--black);
	}
	.tl__bg-darker-blue {
		--bg-color: var(--darker-blue);
	}
	.tl__bg-dark-blue {
		--bg-color: var(--dark-blue);
	}
	.tl__bg-light-blue {
		--bg-color: var(--light-blue);
	}
	.tl__bg-lighter-blue {
		--bg-color: var(--lighter-blue);
	}
	.tl__bg-gray {
		--bg-color: var(--gray);
	}
	.tl__bg-light-gray {
		--bg-color: var(--light-gray);
	}
	.tl__bg-lighter-gray {
		--bg-color: var(--lighter-gray);
	}
	.tl__bg-off-white {
		--bg-color: var(--off-white);
	}
	.tl__bg-white {
		--bg-color: var(--white);
	}

	.tl__bor-black {
		--bor-color: var(--black);
	}
	.tl__bor-darker-blue {
		--bor-color: var(--darker-blue);
	}
	.tl__bor-dark-blue {
		--bor-color: var(--dark-blue);
	}
	.tl__bor-light-blue {
		--bor-color: var(--light-blue);
	}
	.tl__bor-lighter-blue {
		--bor-color: var(--lighter-blue);
	}
	.tl__bor-gray {
		--bor-color: var(--gray);
	}
	.tl__bor-light-gray {
		--bor-color: var(--light-gray);
	}
	.tl__bor-lighter-gray {
		--bor-color: var(--lighter-gray);
	}
	.tl__bor-off-white {
		--bor-color: var(--off-white);
	}
	.tl__bor-white {
		--bor-color: var(--white);
	}

	.tl__txt-black-hover:hover {
		--txt-color: var(--black);
	}
	.tl__txt-darker-blue-hover:hover {
		--txt-color: var(--darker-blue);
	}
	.tl__txt-dark-blue-hover:hover {
		--txt-color: var(--dark-blue);
	}
	.tl__txt-light-blue-hover:hover {
		--txt-color: var(--light-blue);
	}
	.tl__txt-lighter-blue-hover:hover {
		--txt-color: var(--lighter-blue);
	}
	.tl__txt-gray-hover:hover {
		--txt-color: var(--gray);
	}
	.tl__txt-light-gray-hover:hover {
		--txt-color: var(--light-gray);
	}
	.tl__txt-lighter-gray-hover:hover {
		--txt-color: var(--lighter-gray);
	}
	.tl__txt-off-white-hover:hover {
		--txt-color: var(--off-white);
	}
	.tl__txt-white-hover:hover {
		--txt-color: var(--white);
	}

	.tl__bg-black-hover:hover {
		--bg-color: var(--black);
	}
	.tl__bg-darker-blue-hover:hover {
		--bg-color: var(--darker-blue);
	}
	.tl__bg-dark-blue-hover:hover {
		--bg-color: var(--dark-blue);
	}
	.tl__bg-light-blue-hover:hover {
		--bg-color: var(--light-blue);
	}
	.tl__bg-lighter-blue-hover:hover {
		--bg-color: var(--lighter-blue);
	}
	.tl__bg-gray-hover:hover {
		--bg-color: var(--gray);
	}
	.tl__bg-light-gray-hover:hover {
		--bg-color: var(--light-gray);
	}
	.tl__bg-lighter-gray-hover:hover {
		--bg-color: var(--lighter-gray);
	}
	.tl__bg-off-white-hover:hover {
		--bg-color: var(--off-white);
	}
	.tl__bg-white-hover:hover {
		--bg-color: var(--white);
	}

	.tl__bor-black-hover:hover {
		--bor-color: var(--black);
	}
	.tl__bor-darker-blue-hover:hover {
		--bor-color: var(--darker-blue);
	}
	.tl__bor-dark-blue-hover:hover {
		--bor-color: var(--dark-blue);
	}
	.tl__bor-light-blue-hover:hover {
		--bor-color: var(--light-blue);
	}
	.tl__bor-lighter-blue-hover:hover {
		--bor-color: var(--lighter-blue);
	}
	.tl__bor-gray-hover:hover {
		--bor-color: var(--gray);
	}
	.tl__bor-light-gray-hover:hover {
		--bor-color: var(--light-gray);
	}
	.tl__bor-lighter-gray-hover:hover {
		--bor-color: var(--lighter-gray);
	}
	.tl__bor-off-white-hover:hover {
		--bor-color: var(--off-white);
	}
	.tl__bor-white-hover:hover {
		--bor-color: var(--white);
	}
	
	[class^='tl__bor-'],
	[class*=' tl__bor-'] {
		border-color: var(--bor-color) !important;
	}

	[class^='tl__bg-'],
	[class*=' tl__bg-'] {
		--has-fill-top:    1 !important;
		--has-fill-right:  1 !important;
		--has-fill-bottom: 1 !important;
		--has-fill-left:   1 !important;
		background-color:  var(--bg-color) !important;
	}
	
	
	
	/* 14.2.5. Border radius depth */
	
	:is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) :is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) {
		--border-radius-depth: 1;
	}
	:is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) :is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) :is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) {
		--border-radius-depth: 2;
	}
	:is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) :is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) :is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) :is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) {
		--border-radius-depth: 3;
	}
	:is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) :is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) :is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) :is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) :is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) {
		--border-radius-depth: 4;
	}
	:is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) :is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) :is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) :is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) :is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) :is([class^='bg-'], [class^='tl__bg-'], [class*=' bg-'], [class*=' tl__bg-'], img, .border, .tl__border, .border-top.border-left, .border-top.tl__border-left, .tl__border-top.border-left, .tl__border-top.tl__border-left, .border-top.border-right, .border-top.tl__border-right, .tl__border-top.border-right, .tl__border-top.tl__border-right, .border-bottom.border-left, .border-bottom.tl__border-left, .tl__border-bottom.border-left, .tl__border-bottom.tl__border-left, .border-bottom.border-right, .border-bottom.tl__border-right, .tl__border-bottom.border-right, .tl__border-bottom.tl__border-right, .box-shadow, .tl__box-shadow):not(.full-width):not(.tl__full-width) {
		--border-radius-depth: 5;
	}
	
	.border:not(.full-width):not(.tl__full-width),
	.tl__border:not(.full-width):not(.tl__full-width),
	.border-top.border-left:not(.full-width):not(.tl__full-width),
	.border-top.tl__border-left:not(.full-width):not(.tl__full-width),
	.tl__border-top.border-left:not(.full-width):not(.tl__full-width),
	.tl__border-top.tl__border-left:not(.full-width):not(.tl__full-width) {
		border-top-left-radius: calc(25px / var(--border-radius-depth));
	}
	.border:not(.full-width):not(.tl__full-width),
	.tl__border:not(.full-width):not(.tl__full-width),
	.border-top.border-right:not(.full-width):not(.tl__full-width),
	.border-top.tl__border-right:not(.full-width):not(.tl__full-width),
	.tl__border-top.border-right:not(.full-width):not(.tl__full-width),
	.tl__border-top.tl__border-right:not(.full-width):not(.tl__full-width) {
		border-top-right-radius: calc(25px / var(--border-radius-depth));
	}
	.border:not(.full-width):not(.tl__full-width),
	.tl__border:not(.full-width):not(.tl__full-width),
	.border-bottom.border-left:not(.full-width):not(.tl__full-width),
	.border-bottom.tl__border-left:not(.full-width):not(.tl__full-width),
	.tl__border-bottom.border-left:not(.full-width):not(.tl__full-width),
	.tl__border-bottom.tl__border-left:not(.full-width):not(.tl__full-width) {
		border-bottom-left-radius: calc(25px / var(--border-radius-depth));
	}
	.border:not(.full-width):not(.tl__full-width),
	.tl__border:not(.full-width):not(.tl__full-width),
	.border-bottom.border-right:not(.full-width):not(.tl__full-width),
	.border-bottom.tl__border-right:not(.full-width):not(.tl__full-width),
	.tl__border-bottom.border-right:not(.full-width):not(.tl__full-width),
	.tl__border-bottom.tl__border-right:not(.full-width):not(.tl__full-width) {
		border-bottom-right-radius: calc(25px / var(--border-radius-depth));
	}
	
	.row[class^='bg-']:not(.full-width):not(.tl__full-width),
	.row[class^='tl__bg-']:not(.full-width):not(.tl__full-width),
	.row[class*=' bg-']:not(.full-width):not(.tl__full-width),
	.row[class*=' tl__bg-']:not(.full-width):not(.tl__full-width),
	.col[class^='bg-'],
	.col[class^='tl__bg-'],
	.col[class*=' bg-'],
	.col[class*=' tl__bg-'],
	.row.box-shadow:not(.full-width):not(.tl__full-width),
	.row.tl__box-shadow:not(.full-width):not(.tl__full-width),
	.col.box-shadow,
	.col.tl__box-shadow {
		border-radius: calc(25px / var(--border-radius-depth));
	}
	
	
	
	/* 14.2.6. Spacing for filled rows or columns */
	
	.row[class^='tl__bg-'] + .row,
	.row[class*=' tl__bg-'] + .row,
	.row.tl__border + .row,
	.row.tl__border-bottom + .row,
	.row.tl__box-shadow + .row {
		margin-top: calc(25px * 2 * var(--col-spacing-multiplier));
	}

	:not(.row):not(.col) + .row[class^='tl__bg-'],
	:not(.row):not(.col) + .row[class*=' tl__bg-'],
	:not(.row):not(.col) + .row.tl__border,
	:not(.row):not(.col) + .row.tl__border-top,
	:not(.row):not(.col) + .row.tl__box-shadow {
		margin-top: max(12.5px, calc(25px * 2 * var(--col-spacing-multiplier)));
	}

	.row[class^='tl__bg-'] + :not(.row):not(.col),
	.row[class*=' tl__bg-'] + :not(.row):not(.col),
	.row.tl__border + :not(.row):not(.col),
	.row.tl__border-bottom + :not(.row):not(.col),
	.row.tl__box-shadow + :not(.row):not(.col) {
		margin-top: max(12.5px, calc(25px * var(--col-spacing-multiplier)));
	}
	
	
	
	/* 14.2.7. Simple text-related utility classes */
	
	.tl__no-txt-decor {
		text-decoration: none;
	}


	.tl__uppercase {
		text-transform: uppercase;
	}
	.tl__lowercase {
		text-transform: lowercase;
	}
	.tl__capitalize {
		text-transform: capitalize;
	}


	.tl__txt-left {
		text-align: left;
	}
	.tl__txt-center {
		text-align: center;
	}
	.tl__txt-right {
		text-align: right;
	}
	
	
	
	/* 14.2.8. Borders, border radiuses, margins, and paddings */
	
	.tl__border:not(.row), .tl__border-top:not(.row) {
		--has-fill-top:   1 !important;
		border-top-width: 1.5px;
		border-top-style: solid;
	}
	.tl__border:not(.row), .tl__border-right:not(.row) {
		--has-fill-right:   1 !important;
		border-right-width: 1.5px;
		border-right-style: solid;
	}
	.tl__border:not(.row), .tl__border-bottom:not(.row) {
		--has-fill-bottom:   1 !important;
		border-bottom-width: 1.5px;
		border-bottom-style: solid;
	}
	.tl__border:not(.row), .tl__border-left:not(.row) {
		--has-fill-left:   1 !important;
		border-left-width: 1.5px;
		border-left-style: solid;
	}

	.row.tl__border,
	.row.tl__border-top {
		--has-fill-top:    1 !important;
		padding-top:       calc(50px * var(--col-spacing-multiplier));
	}
	.row.tl__border,
	.row.tl__border-right {
		--has-fill-right:  1 !important;
		padding-right:     calc(25px * var(--col-spacing-multiplier));
	}
	.row.tl__border,
	.row.tl__border-bottom {
		--has-fill-bottom: 1 !important;
		padding-bottom:    calc(25px * var(--col-spacing-multiplier));
	}
	.row.tl__border,
	.row.tl__border-left {
		--has-fill-left: 1 !important;
		padding-left:    calc(25px * var(--col-spacing-multiplier));
	}

	.row.tl__border::before,
	.row.tl__border-top::before {
		--has-fill-top:     1;
		border-top-width:   1.5px;
		border-top-style:   solid;
	}
	.row.tl__border::before,
	.row.tl__border-right::before {
		--has-fill-right:     1;
		border-right-width:   1.5px;
		border-right-style:   solid;
	}
	.row.tl__border::before,
	.row.tl__border-bottom::before {
		--has-fill-bottom:     1;
		border-bottom-width:   1.5px;
		border-bottom-style:   solid;
	}
	.row.tl__border::before,
	.row.tl__border-left::before {
		--has-fill-left:     1;
		border-left-width:   1.5px;
		border-left-style:   solid;
	}


	.tl__border-solid:not(.row), .tl__border-top-solid:not(.row) {
		border-top-style: solid;
	}
	.tl__border-solid:not(.row), .tl__border-right-solid:not(.row) {
		border-right-style: solid;
	}
	.tl__border-solid:not(.row), .tl__border-bottom-solid:not(.row) {
		border-bottom-style: solid;
	}
	.tl__border-solid:not(.row), .tl__border-left-solid:not(.row) {
		border-left-style: solid;
	}

	.row.tl__border-solid::before, .row.tl__border-top-solid::before {
		border-top-style: solid;
	}
	.row.tl__border-solid::before, .row.tl__border-right-solid::before {
		border-right-style: solid;
	}
	.row.tl__border-solid::before, .row.tl__border-bottom-solid::before {
		border-bottom-style: solid;
	}
	.row.tl__border-solid::before, .row.tl__border-left-solid::before {
		border-left-style: solid;
	}


	.tl__border-dashed:not(.row), .tl__border-top-dashed:not(.row) {
		border-top-style: dashed;
	}
	.tl__border-dashed:not(.row), .tl__border-right-dashed:not(.row) {
		border-right-style: dashed;
	}
	.tl__border-dashed:not(.row), .tl__border-bottom-dashed:not(.row) {
		border-bottom-style: dashed;
	}
	.tl__border-dashed:not(.row), .tl__border-left-dashed:not(.row) {
		border-left-style: dashed;
	}

	.row.tl__border-dashed::before, .row.tl__border-top-dashed::before {
		border-top-style: dashed;
	}
	.row.tl__border-dashed::before, .row.tl__border-right-dashed::before {
		border-right-style: dashed;
	}
	.row.tl__border-dashed::before, .row.tl__border-bottom-dashed::before {
		border-bottom-style: dashed;
	}
	.row.tl__border-dashed::before, .row.tl__border-left-dashed::before {
		border-left-style: dashed;
	}


	.tl__border-dotted:not(.row), .tl__border-top-dotted:not(.row) {
		border-top-style: dotted;
	}
	.tl__border-dotted:not(.row), .tl__border-right-dotted:not(.row) {
		border-right-style: dotted;
	}
	.tl__border-dotted:not(.row), .tl__border-bottom-dotted:not(.row) {
		border-bottom-style: dotted;
	}
	.tl__border-dotted:not(.row), .tl__border-left-dotted:not(.row) {
		border-left-style: dotted;
	}

	.row.tl__border-dotted::before, .row.tl__border-top-dotted::before {
		border-top-style: dotted;
	}
	.row.tl__border-dotted::before, .row.tl__border-right-dotted::before {
		border-right-style: dotted;
	}
	.row.tl__border-dotted::before, .row.tl__border-bottom-dotted::before {
		border-bottom-style: dotted;
	}
	.row.tl__border-dotted::before, .row.tl__border-left-dotted::before {
		border-left-style: dotted;
	}


	.tl__border-rad-0,
	.tl__border-rad-top-right-0 {
		border-top-right-radius: 0px !important;
	}
	.tl__border-rad-0,
	.tl__border-rad-bottom-right-0 {
		border-bottom-right-radius: 0px !important;
	}
	.tl__border-rad-0,
	.tl__border-rad-bottom-left-0 {
		border-bottom-left-radius: 0px !important;
	}
	.tl__border-rad-0,
	.tl__border-rad-top-left-0 {
		border-top-left-radius: 0px !important;
	}

	.tl__border-rad-1,
	.tl__border-rad-top-right-1 {
		border-top-right-radius: 25px !important;
	}
	.tl__border-rad-1,
	.tl__border-rad-bottom-right-1 {
		border-bottom-right-radius: 25px !important;
	}
	.tl__border-rad-1,
	.tl__border-rad-bottom-left-1 {
		border-bottom-left-radius: 25px !important;
	}
	.tl__border-rad-1,
	.tl__border-rad-top-left-1 {
		border-top-left-radius: 25px !important;
	}

	.tl__border-rad-2,
	.tl__border-rad-top-right-2 {
		border-top-right-radius: calc(25px / 2) !important;
	}
	.tl__border-rad-2,
	.tl__border-rad-bottom-right-2 {
		border-bottom-right-radius: calc(25px / 2) !important;
	}
	.tl__border-rad-2,
	.tl__border-rad-bottom-left-2 {
		border-bottom-left-radius: calc(25px / 2) !important;
	}
	.tl__border-rad-2,
	.tl__border-rad-top-left-2 {
		border-top-left-radius: calc(25px / 2) !important;
	}

	.tl__border-rad-3,
	.tl__border-rad-top-right-3 {
		border-top-right-radius: calc(25px / 3) !important;
	}
	.tl__border-rad-3,
	.tl__border-rad-bottom-right-3 {
		border-bottom-right-radius: calc(25px / 3) !important;
	}
	.tl__border-rad-3,
	.tl__border-rad-bottom-left-3 {
		border-bottom-left-radius: calc(25px / 3) !important;
	}
	.tl__border-rad-3,
	.tl__border-rad-top-left-3 {
		border-top-left-radius: calc(25px / 3) !important;
	}

	.tl__border-rad-4,
	.tl__border-rad-top-right-4 {
		border-top-right-radius: calc(25px / 4) !important;
	}
	.tl__border-rad-4,
	.tl__border-rad-bottom-right-4 {
		border-bottom-right-radius: calc(25px / 4) !important;
	}
	.tl__border-rad-4,
	.tl__border-rad-bottom-left-4 {
		border-bottom-left-radius: calc(25px / 4) !important;
	}
	.tl__border-rad-4,
	.tl__border-rad-top-left-4 {
		border-top-left-radius: calc(25px / 4) !important;
	}

	.tl__border-rad-5,
	.tl__border-rad-top-right-5 {
		border-top-right-radius: calc(25px / 5) !important;
	}
	.tl__border-rad-5,
	.tl__border-rad-bottom-right-5 {
		border-bottom-right-radius: calc(25px / 5) !important;
	}
	.tl__border-rad-5,
	.tl__border-rad-bottom-left-5 {
		border-bottom-left-radius: calc(25px / 5) !important;
	}
	.tl__border-rad-5,
	.tl__border-rad-top-left-5 {
		border-top-left-radius: calc(25px / 5) !important;
	}



	.tl__mar-auto, .tl__mar-top-auto {
		margin-top: auto !important;
	}
	.tl__mar-auto, .tl__mar-right-auto {
		margin-right: auto !important;
	}
	.tl__mar-auto, .tl__mar-bottom-auto {
		margin-bottom: auto !important;
	}
	.tl__mar-auto, .tl__mar-left-auto {
		margin-left: auto !important;
	}

	.tl__mar-0,
	.tl__mar-top-0 {
		margin-top: 0px !important;
	}
	.tl__mar-0,
	.tl__mar-right-0 {
		margin-right: 0px !important;
	}
	.tl__mar-0,
	.tl__mar-bottom-0 {
		margin-bottom: 0px !important;
	}
	.tl__mar-0,
	.tl__mar-left-0 {
		margin-left: 0px !important;
	}

	.tl__mar-1,
	.tl__mar-top-1 {
		margin-top: 50px !important;
	}
	.tl__mar-1,
	.tl__mar-right-1 {
		margin-right: 50px !important;
	}
	.tl__mar-1,
	.tl__mar-bottom-1 {
		margin-bottom: 50px !important;
	}
	.tl__mar-1,
	.tl__mar-left-1 {
		margin-left: 50px !important;
	}

	.tl__mar-2,
	.tl__mar-top-2 {
		margin-top: 25px !important;
	}
	.tl__mar-2,
	.tl__mar-right-2 {
		margin-right: 25px !important;
	}
	.tl__mar-2,
	.tl__mar-bottom-2 {
		margin-bottom: 25px !important;
	}
	.tl__mar-2,
	.tl__mar-left-2 {
		margin-left: 25px !important;
	}

	.tl__mar-3,
	.tl__mar-top-3 {
		margin-top: 12.5px !important;
	}
	.tl__mar-3,
	.tl__mar-right-3 {
		margin-right: 12.5px !important;
	}
	.tl__mar-3,
	.tl__mar-bottom-3 {
		margin-bottom: 12.5px !important;
	}
	.tl__mar-3,
	.tl__mar-left-3 {
		margin-left: 12.5px !important;
	}

	.tl__mar-4,
	.tl__mar-top-4 {
		margin-top: 6.25px !important;
	}
	.tl__mar-4,
	.tl__mar-right-4 {
		margin-right: 6.25px !important;
	}
	.tl__mar-4,
	.tl__mar-bottom-4 {
		margin-bottom: 6.25px !important;
	}
	.tl__mar-4,
	.tl__mar-left-4 {
		margin-left: 6.25px !important;
	}


	.tl__mar-n1,
	.tl__mar-top-n1 {
		margin-top: -50px !important;
	}
	.tl__mar-n1,
	.tl__mar-right-n1 {
		margin-right: -50px !important;
	}
	.tl__mar-n1,
	.tl__mar-bottom-n1 {
		margin-bottom: -50px !important;
	}
	.tl__mar-n1,
	.tl__mar-left-n1 {
		margin-left: -50px !important;
	}

	.tl__mar-n2,
	.tl__mar-top-n2 {
		margin-top: -25px !important;
	}
	.tl__mar-n2,
	.tl__mar-right-n2 {
		margin-right: -25px !important;
	}
	.tl__mar-n2,
	.tl__mar-bottom-n2 {
		margin-bottom: -25px !important;
	}
	.tl__mar-n2,
	.tl__mar-left-n2 {
		margin-left: -25px !important;
	}

	.tl__mar-n3,
	.tl__mar-top-n3 {
		margin-top: -12.5px !important;
	}
	.tl__mar-n3,
	.tl__mar-right-n3 {
		margin-right: -12.5px !important;
	}
	.tl__mar-n3,
	.tl__mar-bottom-n3 {
		margin-bottom: -12.5px !important;
	}
	.tl__mar-n3,
	.tl__mar-left-n3 {
		margin-left: -12.5px !important;
	}

	.tl__mar-n4,
	.tl__mar-top-n4 {
		margin-top: -6.25px !important;
	}
	.tl__mar-n4,
	.tl__mar-right-n4 {
		margin-right: -6.25px !important;
	}
	.tl__mar-n4,
	.tl__mar-bottom-n4 {
		margin-bottom: -6.25px !important;
	}
	.tl__mar-n4,
	.tl__mar-left-n4 {
		margin-left: -6.25px !important;
	}


	.tl__pad-0,
	.tl__pad-top-0 {
		padding-top: 0px !important;
	}
	.tl__pad-0,
	.tl__pad-right-0 {
		padding-right: 0px !important;
	}
	.tl__pad-0,
	.tl__pad-bottom-0 {
		padding-bottom: 0px !important;
	}
	.tl__pad-0,
	.tl__pad-left-0 {
		padding-left: 0px !important;
	}

	.tl__pad-1,
	.tl__pad-top-1 {
		padding-top: 50px !important;
	}
	.tl__pad-1,
	.tl__pad-right-1 {
		padding-right: 50px !important;
	}
	.tl__pad-1,
	.tl__pad-bottom-1 {
		padding-bottom: 50px !important;
	}
	.tl__pad-1,
	.tl__pad-left-1 {
		padding-left: 50px !important;
	}

	.tl__pad-2,
	.tl__pad-top-2 {
		padding-top: 25px !important;
	}
	.tl__pad-2,
	.tl__pad-right-2 {
		padding-right: 25px !important;
	}
	.tl__pad-2,
	.tl__pad-bottom-2 {
		padding-bottom: 25px !important;
	}
	.tl__pad-2,
	.tl__pad-left-2 {
		padding-left: 25px !important;
	}

	.tl__pad-3,
	.tl__pad-top-3 {
		padding-top: 12.5px !important;
	}
	.tl__pad-3,
	.tl__pad-right-3 {
		padding-right: 12.5px !important;
	}
	.tl__pad-3,
	.tl__pad-bottom-3 {
		padding-bottom: 12.5px !important;
	}
	.tl__pad-3,
	.tl__pad-left-3 {
		padding-left: 12.5px !important;
	}

	.tl__pad-4,
	.tl__pad-top-4 {
		padding-top: 6.25px !important;
	}
	.tl__pad-4,
	.tl__pad-right-4 {
		padding-right: 6.25px !important;
	}
	.tl__pad-4,
	.tl__pad-bottom-4 {
		padding-bottom: 6.25px !important;
	}
	.tl__pad-4,
	.tl__pad-left-4 {
		padding-left: 6.25px !important;
	}
	
	
	
	/* 14.2.9. Full-width rows */
	
	.row.tl__full-width {
		margin-left:   calc(50% - 50 * var(--vw));
		margin-right:  calc(50% - 50 * var(--vw));
	}
	.row.full-width.tl__content-in-container,
	.row.tl__full-width.content-in-container,
	.row.tl__full-width.tl__content-in-container {
		padding-left:  calc(50 * var(--vw) - 50% - 25px * var(--col-spacing-multiplier));
		padding-right: calc(50 * var(--vw) - 50% - 25px * var(--col-spacing-multiplier));
	}
	main > article > .container > .row.tl__full-width:first-child {
		margin-top: calc(-50px * var(--has-fill-top));
	}
	
	.row.full-width[class^='bg-'] + .row.full-width[class^='bg-'],
	.row.full-width[class^='bg-'] + .row.full-width[class^='tl__bg-'],
	.row.full-width[class^='bg-'] + .row.tl__full-width[class^='bg-'],
	.row.full-width[class^='bg-'] + .row.tl__full-width[class^='tl__bg-'],
	.row.full-width[class^='tl__bg-'] + .row.full-width[class^='bg-'],
	.row.full-width[class^='tl__bg-'] + .row.full-width[class^='tl__bg-'],
	.row.full-width[class^='tl__bg-'] + .row.tl__full-width[class^='bg-'],
	.row.full-width[class^='tl__bg-'] + .row.tl__full-width[class^='tl__bg-'],
	.row.tl__full-width[class^='bg-'] + .row.full-width[class^='bg-'],
	.row.tl__full-width[class^='bg-'] + .row.full-width[class^='tl__bg-'],
	.row.tl__full-width[class^='bg-'] + .row.tl__full-width[class^='bg-'],
	.row.tl__full-width[class^='bg-'] + .row.tl__full-width[class^='tl__bg-'],
	.row.tl__full-width[class^='tl__bg-'] + .row.full-width[class^='bg-'],
	.row.tl__full-width[class^='tl__bg-'] + .row.full-width[class^='tl__bg-'],
	.row.tl__full-width[class^='tl__bg-'] + .row.tl__full-width[class^='bg-'],
	.row.tl__full-width[class^='tl__bg-'] + .row.tl__full-width[class^='tl__bg-'],
	
	.row.full-width[class^='bg-'] + .row.full-width[class*=' bg-'],
	.row.full-width[class^='bg-'] + .row.full-width[class*=' tl__bg-'],
	.row.full-width[class^='bg-'] + .row.tl__full-width[class*=' bg-'],
	.row.full-width[class^='bg-'] + .row.tl__full-width[class*=' tl__bg-'],
	.row.full-width[class^='tl__bg-'] + .row.full-width[class*=' bg-'],
	.row.full-width[class^='tl__bg-'] + .row.full-width[class*=' tl__bg-'],
	.row.full-width[class^='tl__bg-'] + .row.tl__full-width[class*=' bg-'],
	.row.full-width[class^='tl__bg-'] + .row.tl__full-width[class*=' tl__bg-'],
	.row.tl__full-width[class^='bg-'] + .row.full-width[class*=' bg-'],
	.row.tl__full-width[class^='bg-'] + .row.full-width[class*=' tl__bg-'],
	.row.tl__full-width[class^='bg-'] + .row.tl__full-width[class*=' bg-'],
	.row.tl__full-width[class^='bg-'] + .row.tl__full-width[class*=' tl__bg-'],
	.row.tl__full-width[class^='tl__bg-'] + .row.full-width[class*=' bg-'],
	.row.tl__full-width[class^='tl__bg-'] + .row.full-width[class*=' tl__bg-'],
	.row.tl__full-width[class^='tl__bg-'] + .row.tl__full-width[class*=' bg-'],
	.row.tl__full-width[class^='tl__bg-'] + .row.tl__full-width[class*=' tl__bg-'],

	.row.full-width[class*=' bg-'] + .row.full-width[class^='bg-'],
	.row.full-width[class*=' bg-'] + .row.full-width[class^='tl__bg-'],
	.row.full-width[class*=' bg-'] + .row.tl__full-width[class^='bg-'],
	.row.full-width[class*=' bg-'] + .row.tl__full-width[class^='tl__bg-'],
	.row.full-width[class*=' tl__bg-'] + .row.full-width[class^='bg-'],
	.row.full-width[class*=' tl__bg-'] + .row.full-width[class^='tl__bg-'],
	.row.full-width[class*=' tl__bg-'] + .row.tl__full-width[class^='bg-'],
	.row.full-width[class*=' tl__bg-'] + .row.tl__full-width[class^='tl__bg-'],
	.row.tl__full-width[class*=' bg-'] + .row.full-width[class^='bg-'],
	.row.tl__full-width[class*=' bg-'] + .row.full-width[class^='tl__bg-'],
	.row.tl__full-width[class*=' bg-'] + .row.tl__full-width[class^='bg-'],
	.row.tl__full-width[class*=' bg-'] + .row.tl__full-width[class^='tl__bg-'],
	.row.tl__full-width[class*=' tl__bg-'] + .row.full-width[class^='bg-'],
	.row.tl__full-width[class*=' tl__bg-'] + .row.full-width[class^='tl__bg-'],
	.row.tl__full-width[class*=' tl__bg-'] + .row.tl__full-width[class^='bg-'],
	.row.tl__full-width[class*=' tl__bg-'] + .row.tl__full-width[class^='tl__bg-'],
	
	.row.full-width[class*=' bg-'] + .row.full-width[class*=' bg-'],
	.row.full-width[class*=' bg-'] + .row.full-width[class*=' tl__bg-'],
	.row.full-width[class*=' bg-'] + .row.tl__full-width[class*=' bg-'],
	.row.full-width[class*=' bg-'] + .row.tl__full-width[class*=' tl__bg-'],
	.row.full-width[class*=' tl__bg-'] + .row.full-width[class*=' bg-'],
	.row.full-width[class*=' tl__bg-'] + .row.full-width[class*=' tl__bg-'],
	.row.full-width[class*=' tl__bg-'] + .row.tl__full-width[class*=' bg-'],
	.row.full-width[class*=' tl__bg-'] + .row.tl__full-width[class*=' tl__bg-'],
	.row.tl__full-width[class*=' bg-'] + .row.full-width[class*=' bg-'],
	.row.tl__full-width[class*=' bg-'] + .row.full-width[class*=' tl__bg-'],
	.row.tl__full-width[class*=' bg-'] + .row.tl__full-width[class*=' bg-'],
	.row.tl__full-width[class*=' bg-'] + .row.tl__full-width[class*=' tl__bg-'],
	.row.tl__full-width[class*=' tl__bg-'] + .row.full-width[class*=' bg-'],
	.row.tl__full-width[class*=' tl__bg-'] + .row.full-width[class*=' tl__bg-'],
	.row.tl__full-width[class*=' tl__bg-'] + .row.tl__full-width[class*=' bg-'],
	.row.tl__full-width[class*=' tl__bg-'] + .row.tl__full-width[class*=' tl__bg-'] {
		margin-top: calc(-25px * var(--col-spacing-multiplier));
	}
	
	/*.row:is(.full-width, .tl__full-width):is([class^='bg-'], [class*=' bg-'], [class^='tl__bg-'], [class*=' tl__bg-']) + .row:is(.full-width, .tl__full-width):is([class^='bg-'], [class*=' bg-'], [class^='tl__bg-'], [class*=' tl__bg-']) {
		margin-top: calc(-25px * var(--col-spacing-multiplier));
	}*/
	
	
	
	/* 14.2.10. Full-height rows */
	
	.row.tl__full-height {
		min-height: calc(100vh - var(--header-height) - var(--top-bar-height));
	}
	
	
	
	/* 14.2.11. Positioning */
	
	.tl__absolute {
		position: absolute !important;
	}
	.tl__fixed {
		position: fixed !important;
	}
	.tl__relative {
		position: relative !important;
	}
	.tl__static {
		position: static !important;
	}
	.tl__sticky {
		position: sticky !important;
	}


	.tl__top {
		top:    0px;
		bottom: auto;
	}
	.tl__right {
		right: 0px;
		left:  auto;
	}
	.tl__bottom {
		bottom: 0px;
		top:    auto;
	}
	.tl__left {
		left:  0px;
		right: auto;
	}

	.tl__top-out {
		bottom: 100%;
		top:    auto;
	}
	.tl__right-out {
		left:  100%;
		right: auto;
	}
	.tl__bottom-out {
		top:    100%;
		bottom: auto;
	}
	.tl__left-out {
		right: 100%;
		left:  auto;
	}
	
	
	
	/* 14.2.12. Moving out of the container on the left or right side */
	
	.tl__out-container-left {
		margin-left: calc((var(--container-width) - var(--vw) * 100) / 2 - 25px);
		max-width:   calc(100% + (var(--vw) * 100 - var(--container-width)) / 2 + 25px);
	}
	.tl__out-container-right {
		margin-right: calc((var(--container-width) - var(--vw) * 100) / 2 - 25px);
		max-width:    calc(100% + (var(--vw) * 100 - var(--container-width)) / 2 + 25px);
	}
	
	
	
	/* 14.2.13. Box shadow */
	
	.tl__box-shadow {
		--has-fill-top:    1 !important;
		--has-fill-right:  1 !important;
		--has-fill-bottom: 1 !important;
		--has-fill-left:   1 !important;
		box-shadow:        0px 0px 6.25px 6.25px rgba(0, 0, 0, 0.03);
	}
	
	
	
	/* 14.2.14. Reversing, direction, alignment, and RTL layouts */
	
	.row:not(.reverse):not(.tl__reverse):not(.vertical):not(.tl__vertical) {
		flex-direction:  row;
		justify-content: flex-start;
	}
	.row.reverse:not(.vertical):not(.tl__vertical),
	.row.tl__reverse:not(.vertical):not(.tl__vertical) {
		flex-direction:  row-reverse;
		justify-content: flex-end;
	}
	.row:not(.reverse):not(.tl__reverse).vertical,
	.row:not(.reverse):not(.tl__reverse).tl__vertical {
		flex-direction:  column;
		align-items:     flex-start;
	}
	.row.reverse.vertical,
	.row.reverse.tl__vertical,
	.row.tl__reverse.vertical,
	.row.tl__reverse.tl__vertical {
		flex-direction:  column-reverse;
		align-items:     flex-start;
	}


	.row:not(.reverse):not(.tl__reverse):not(.vertical):not(.tl__vertical).content-left,
	.row:not(.reverse):not(.tl__reverse):not(.vertical):not(.tl__vertical).tl__content-left {
		justify-content: flex-start !important;
	}
	.row.reverse:not(.vertical):not(.tl__vertical).content-left,
	.row.reverse:not(.vertical):not(.tl__vertical).tl__content-left,
	.row.tl__reverse:not(.vertical):not(.tl__vertical).content-left,
	.row.tl__reverse:not(.vertical):not(.tl__vertical).tl__content-left {
		justify-content: flex-end !important;
	}
	.row:not(.reverse):not(.tl__reverse).vertical.content-left,
	.row:not(.reverse):not(.tl__reverse).vertical.tl__content-left,
	.row:not(.reverse):not(.tl__reverse).tl__vertical.content-left,
	.row:not(.reverse):not(.tl__reverse).tl__vertical.tl__content-left {
		align-items: flex-start !important;
	}
	.row.reverse.vertical.content-left,
	.row.reverse.vertical.tl__content-left,
	.row.reverse.tl__vertical.content-left,
	.row.reverse.tl__vertical.tl__content-left,
	.row.tl__reverse.vertical.content-left,
	.row.tl__reverse.vertical.tl__content-left,
	.row.tl__reverse.tl__vertical.content-left,
	.row.tl__reverse.tl__vertical.tl__content-left {
		align-items: flex-start !important;
	}

	.row:not(.vertical):not(.tl__vertical).content-center,
	.row:not(.vertical):not(.tl__vertical).tl__content-center {
		justify-content: center !important;
	}
	.row.vertical.content-center,
	.row.vertical.tl__content-center,
	.row.tl__vertical.content-center,
	.row.tl__vertical.tl__content-center {
		align-items: center !important;
	}

	.row:not(.reverse):not(.tl__reverse):not(.vertical):not(.tl__vertical).content-right,
	.row:not(.reverse):not(.tl__reverse):not(.vertical):not(.tl__vertical).tl__content-right {
		justify-content: flex-end !important;
	}
	.row.reverse:not(.vertical):not(.tl__vertical).content-right,
	.row.reverse:not(.vertical):not(.tl__vertical).tl__content-right,
	.row.tl__reverse:not(.vertical):not(.tl__vertical).content-right,
	.row.tl__reverse:not(.vertical):not(.tl__vertical).tl__content-right {
		justify-content: flex-start !important;
	}
	.row:not(.reverse):not(.tl__reverse).vertical.content-right,
	.row:not(.reverse):not(.tl__reverse).vertical.tl__content-right,
	.row:not(.reverse):not(.tl__reverse).tl__vertical.content-right,
	.row:not(.reverse):not(.tl__reverse).tl__vertical.tl__content-right {
		align-items: flex-end !important;
	}
	.row.reverse.vertical.content-right,
	.row.reverse.vertical.tl__content-right,
	.row.reverse.tl__vertical.content-right,
	.row.reverse.tl__vertical.tl__content-right,
	.row.tl__reverse.vertical.content-right,
	.row.tl__reverse.vertical.tl__content-right,
	.row.tl__reverse.tl__vertical.content-right,
	.row.tl__reverse.tl__vertical.tl__content-right {
		align-items: flex-end !important;
	}


	.row:not(.reverse):not(.tl__reverse):not(.vertical):not(.tl__vertical).items-top,
	.row:not(.reverse):not(.tl__reverse):not(.vertical):not(.tl__vertical).tl__items-top {
		align-items: flex-start !important;
	}
	.row.reverse:not(.vertical):not(.tl__vertical).items-top,
	.row.reverse:not(.vertical):not(.tl__vertical).tl__items-top,
	.row.tl__reverse:not(.vertical):not(.tl__vertical).items-top,
	.row.tl__reverse:not(.vertical):not(.tl__vertical).tl__items-top {
		align-items: flex-start !important;
	}
	.row:not(.reverse):not(.tl__reverse).vertical.items-top,
	.row:not(.reverse):not(.tl__reverse).vertical.tl__items-top,
	.row:not(.reverse):not(.tl__reverse).tl__vertical.items-top,
	.row:not(.reverse):not(.tl__reverse).tl__vertical.tl__items-top {
		justify-content: flex-start !important;
	}
	.row.reverse.vertical.items-top,
	.row.reverse.vertical.tl__items-top,
	.row.reverse.tl__vertical.items-top,
	.row.reverse.tl__vertical.tl__items-top,
	.row.tl__reverse.vertical.items-top,
	.row.tl__reverse.vertical.tl__items-top,
	.row.tl__reverse.tl__vertical.items-top,
	.row.tl__reverse.tl__vertical.tl__items-top {
		justify-content: flex-end !important;
	}

	.row:not(.vertical):not(.tl__vertical).items-center,
	.row:not(.vertical):not(.tl__vertical).tl__items-center {
		align-items: center !important;
	}
	.row.vertical.items-center,
	.row.vertical.tl__items-center,
	.row.tl__vertical.items-center,
	.row.tl__vertical.tl__items-center {
		justify-content: center !important;
	}

	.row:not(.reverse):not(.tl__reverse):not(.vertical):not(.tl__vertical).items-bottom,
	.row:not(.reverse):not(.tl__reverse):not(.vertical):not(.tl__vertical).tl__items-bottom {
		align-items: flex-end !important;
	}
	.row.reverse:not(.vertical):not(.tl__vertical).items-bottom,
	.row.reverse:not(.vertical):not(.tl__vertical).tl__items-bottom,
	.row.tl__reverse:not(.vertical):not(.tl__vertical).items-bottom,
	.row.tl__reverse:not(.vertical):not(.tl__vertical).tl__items-bottom {
		align-items: flex-end !important;
	}
	.row:not(.reverse):not(.tl__reverse).vertical.items-bottom,
	.row:not(.reverse):not(.tl__reverse).vertical.tl__items-bottom,
	.row:not(.reverse):not(.tl__reverse).tl__vertical.items-bottom,
	.row:not(.reverse):not(.tl__reverse).tl__vertical.tl__items-bottom {
		justify-content: flex-end !important;
	}
	.row.reverse.vertical.items-bottom,
	.row.reverse.vertical.tl__items-bottom,
	.row.reverse.tl__vertical.items-bottom,
	.row.reverse.tl__vertical.tl__items-bottom,
	.row.tl__reverse.vertical.items-bottom,
	.row.tl__reverse.vertical.tl__items-bottom,
	.row.tl__reverse.tl__vertical.items-bottom,
	.row.tl__reverse.tl__vertical.tl__items-bottom {
		justify-content: flex-start !important;
	}
	
	.tl__rtl {
		direction: rtl;
	}
	.tl__ltr {
		direction: ltr;
	}
	
	
	
	/* 15.2. Making your layout responsive (additional utility classes) */
	
	.tl__self-stretch {
		align-self: stretch;
	}
	.tl__self-start {
		align-self: flex-start;
	}
	.tl__self-center {
		align-self: center;
	}
	.tl__self-end {
		align-self: flex-end;
	}
	
	
	
	/* 14.2.15. Column widths */
	
	[class*='w-1/tl/']{--a:1}
	[class*='w-2/tl/']{--a:2}
	[class*='w-3/tl/']{--a:3}
	[class*='w-4/tl/']{--a:4}
	[class*='w-5/tl/']{--a:5}
	[class*='w-6/tl/']{--a:6}
	[class*='w-7/tl/']{--a:7}
	[class*='w-8/tl/']{--a:8}
	[class*='w-9/tl/']{--a:9}
	[class*='w-10/tl/']{--a:10}
	[class*='w-11/tl/']{--a:11}
	[class*='w-12/tl/']{--a:12}
	[class*='w-13/tl/']{--a:13}
	[class*='w-14/tl/']{--a:14}
	[class*='w-15/tl/']{--a:15}
	[class*='w-16/tl/']{--a:16}
	[class*='w-17/tl/']{--a:17}
	[class*='w-18/tl/']{--a:18}
	[class*='w-19/tl/']{--a:19}
	[class*='w-20/tl/']{--a:20}
	[class*='w-21/tl/']{--a:21}
	[class*='w-22/tl/']{--a:22}
	[class*='w-23/tl/']{--a:23}
	[class*='w-24/tl/']{--a:24}

	[class*='/tl/1']{--b:1}
	[class*='/tl/2']{--b:2}
	[class*='/tl/3']{--b:3}
	[class*='/tl/4']{--b:4}
	[class*='/tl/5']{--b:5}
	[class*='/tl/6']{--b:6}
	[class*='/tl/7']{--b:7}
	[class*='/tl/8']{--b:8}
	[class*='/tl/9']{--b:9}
	[class*='/tl/10']{--b:10}
	[class*='/tl/11']{--b:11}
	[class*='/tl/12']{--b:12}
	[class*='/tl/13']{--b:13}
	[class*='/tl/14']{--b:14}
	[class*='/tl/15']{--b:15}
	[class*='/tl/16']{--b:16}
	[class*='/tl/17']{--b:17}
	[class*='/tl/18']{--b:18}
	[class*='/tl/19']{--b:19}
	[class*='/tl/20']{--b:20}
	[class*='/tl/21']{--b:21}
	[class*='/tl/22']{--b:22}
	[class*='/tl/23']{--b:23}
	[class*='/tl/24']{--b:24}

	.col[class*='/tl/'] {
		flex-grow:  0;
		flex-basis: calc(var(--a) / var(--b) * 100% - 25px * 2 * var(--col-spacing-multiplier));
		/*width:      calc(var(--a) / var(--b) * 100% - 25px * 2 * var(--col-spacing-multiplier));*/
	}
	.col.tl__w-auto {
		flex-basis: auto;
		/*max-width:  calc(100% - 25px * 2 * var(--col-spacing-multiplier));*/
		flex-grow:  0;
	}
	
	
	
	/* 14.2.16. 100% width or height */
	
	.tl__w100 {
		width: 100% !important;
	}
	.tl__h100 {
		height: 100% !important;
	}
	
	
	
	/* 14.2.17. Z-Index */
	
	.tl__z-1  {--z:1}  .tl__z-2  {--z:2}  .tl__z-3  {--z:3}
	.tl__z-4  {--z:4}  .tl__z-5  {--z:5}  .tl__z-6  {--z:6}
	.tl__z-7  {--z:7}  .tl__z-8  {--z:8}  .tl__z-9  {--z:9}
	.tl__z-10 {--z:10} .tl__z-11 {--z:11} .tl__z-12 {--z:12}
	.tl__z-13 {--z:13} .tl__z-14 {--z:14} .tl__z-15 {--z:15}
	.tl__z-16 {--z:16} .tl__z-17 {--z:17} .tl__z-18 {--z:18}
	.tl__z-19 {--z:19} .tl__z-20 {--z:20} .tl__z-21 {--z:21}
	.tl__z-22 {--z:22} .tl__z-23 {--z:23} .tl__z-24 {--z:24}
	.tl__z-25 {--z:25} .tl__z-26 {--z:26} .tl__z-27 {--z:27}
	.tl__z-28 {--z:28} .tl__z-29 {--z:29} .tl__z-30 {--z:30}
	.tl__z-31 {--z:31} .tl__z-32 {--z:32} .tl__z-33 {--z:33}
	.tl__z-34 {--z:34} .tl__z-35 {--z:35} .tl__z-36 {--z:36}
	.tl__z-37 {--z:37} .tl__z-38 {--z:38} .tl__z-39 {--z:39}
	.tl__z-40 {--z:40} .tl__z-41 {--z:41} .tl__z-42 {--z:42}
	.tl__z-43 {--z:43} .tl__z-44 {--z:44} .tl__z-45 {--z:45}
	.tl__z-46 {--z:46} .tl__z-47 {--z:47} .tl__z-48 {--z:48}

	[class^='tl__z-'], [class*=' tl__z-'] {
		z-index:  var(--z);
		position: relative;
	}
	
	
	
	/* 14.2.18. Hiding elements */
	
	.tl__hide {
		display: none !important;
	}
	.tl__invisible {
		visibility: hidden !important;
	}
	
	
	
	/* 14.2.19. Preventing user interaction */

	.tl__no-pointer-events {
		pointer-events: none !important;
	}

	
	
	/* 15.2. Making your layout responsive (additional utility classes) */
	
	.tl__obj-contain {
		object-fit: contain;
	}
	.tl__obj-cover {
		object-fit: cover;
	}
	
	
	
	/* 17. Creating a top bar (additional utility classes) */
	
	.tl__icon {
		width:         1em;
		height:        1em;
		object-fit:    contain;
		border-radius: 0px;
	}
}

/* TP - Tablet (portrait) & Tall mobile (landscape) */
@media (min-width: 768px) and (max-width: 991.98px) {
	:root {
		--top-bar-height: 49px;
	}
	
	.container {
		--container-width: calc(100 * var(--vw));
	}
	
	body {
		font-size: 16px;
	}
	
	/* 14.2.1. Headings */
	
	.tp__h1, .tp__h2, .tp__h3, .tp__h4, .tp__h5, .tp__h6 {
		font-family:   Arial;
		font-weight:   700;
		line-height:   1.2em;
	}
	.tp__h1:not(:first-child), .tp__h2:not(:first-child), .tp__h3:not(:first-child), .tp__h4:not(:first-child), .tp__h5:not(:first-child), .tp__h6:not(:first-child) {
		margin-top: 37.5px;
	}
	.tp__h1:not(:last-child), .tp__h2:not(:last-child), .tp__h3:not(:last-child), .tp__h4:not(:last-child), .tp__h5:not(:last-child), .tp__h6:not(:last-child) {
		margin-bottom: 25px;
	}

	h1, .h1, .tp__h1 {
		font-size: 27px;
	}
	h2, .h2, .tp__h2 {
		font-size: 25px;
	}
	h3, .h3, .tp__h3 {
		font-size: 22px;
	}
	h4, .h4, .tp__h4 {
		font-size: 20px;
	}
	h5, .h5, .tp__h5 {
		font-size: 18px;
	}
	h6, .h6, .tp__h6 {
		font-size: 16px;
	}
	
	
	/* 14.2.2. Dialogs */
	
	dialog:not(#_) :is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) {
		--border-radius-depth: 2;
	}
	dialog:not(#_) :is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) :is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) {
		--border-radius-depth: 3;
	}
	dialog:not(#_) :is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) :is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) :is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) {
		--border-radius-depth: 4;
	}
	dialog:not(#_) :is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) :is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) :is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) :is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) {
		--border-radius-depth: 5;
	}
	
	
	
	/* 14.2.3. Color schemes */
	
	.tp__color-scheme-dark {
		--accent-color:                       var(--dark__accent-color);
		--hyperlink-color:                    var(--dark__hyperlink-color);
		--field-color:                        var(--dark__field-color);
		--field-background-color:             var(--dark__field-background-color);
		--field-border-color:                 var(--dark__field-border-color);
		--checkbox-check-url:                 var(--dark__checkbox-check-url);
		--selectbox-caret-url:                var(--dark__selectbox-caret-url);
		--option-color:                       var(--dark__option-color);
		--option-background-color:            var(--dark__option-background-color);
		--button-color:                       var(--dark__button-color);
		--button-background-color:            var(--dark__button-background-color);
		--button-border-color:                var(--dark__button-border-color);
		--blockquote-decoration-color:        var(--dark__blockquote-decoration-color);
		--code-background-color:              var(--dark__code-background-color);
		--kbd-background-color:               var(--dark__kbd-background-color);
		--table-border-color:                 var(--dark__table-border-color);
		--table-header-cell-background-color: var(--dark__table-header-cell-background-color);
		--table-header-cell-text-color:       var(--dark__table-header-cell-text-color);
		--table-data-cell-background-color:   var(--dark__table-data-cell-background-color);
		--table-data-cell-text-color:         var(--dark__table-data-cell-text-color);
		--table-footer-cell-background-color: var(--dark__table-footer-cell-background-color);
		--table-footer-cell-text-color:       var(--dark__table-footer-cell-text-color);
		--txt-color:                          var(--dark__txt-color);
	}
	.tp__color-scheme-light {
		--accent-color:                       var(--light__accent-color);
		--hyperlink-color:                    var(--light__hyperlink-color);
		--field-color:                        var(--light__field-color);
		--field-background-color:             var(--light__field-background-color);
		--field-border-color:                 var(--light__field-border-color);
		--checkbox-check-url:                 var(--light__checkbox-check-url);
		--selectbox-caret-url:                var(--light__selectbox-caret-url);
		--option-color:                       var(--light__option-color);
		--option-background-color:            var(--light__option-background-color);
		--button-color:                       var(--light__button-color);
		--button-background-color:            var(--light__button-background-color);
		--button-border-color:                var(--light__button-border-color);
		--blockquote-decoration-color:        var(--light__blockquote-decoration-color);
		--code-background-color:              var(--light__code-background-color);
		--kbd-background-color:               var(--light__kbd-background-color);
		--table-border-color:                 var(--light__table-border-color);
		--table-header-cell-background-color: var(--light__table-header-cell-background-color);
		--table-header-cell-text-color:       var(--light__table-header-cell-text-color);
		--table-data-cell-background-color:   var(--light__table-data-cell-background-color);
		--table-data-cell-text-color:         var(--light__table-data-cell-text-color);
		--table-footer-cell-background-color: var(--light__table-footer-cell-background-color);
		--table-footer-cell-text-color:       var(--light__table-footer-cell-text-color);
		--txt-color:                          var(--light__txt-color);
	}
	[class^='tp__txt-'],
	[class*=' tp__txt-'],
	.tp__color-scheme-dark,
	.tp__color-scheme-light {
		color: var(--txt-color) !important;
	}
	
	.row[class^='bg-']:not(.full-width):not(.tp__full-width),
	.row[class^='tp__bg-']:not(.full-width):not(.tp__full-width),
	.row[class*=' bg-']:not(.full-width):not(.tp__full-width),
	.row[class*=' tp__bg-']:not(.full-width):not(.tp__full-width),
	.row.box-shadow:not(.full-width):not(.tp__full-width),
	.row.tp__box-shadow:not(.full-width):not(.tp__full-width) {
		border-radius: calc(25px / var(--border-radius-depth));
	}
	
	
	
	/* 14.2.4. Text colors, background colors, and border colors */
	
	.tp__txt-black {
		--txt-color: var(--black);
	}
	.tp__txt-darker-blue {
		--txt-color: var(--darker-blue);
	}
	.tp__txt-dark-blue {
		--txt-color: var(--dark-blue);
	}
	.tp__txt-light-blue {
		--txt-color: var(--light-blue);
	}
	.tp__txt-lighter-blue {
		--txt-color: var(--lighter-blue);
	}
	.tp__txt-gray {
		--txt-color: var(--gray);
	}
	.tp__txt-light-gray {
		--txt-color: var(--light-gray);
	}
	.tp__txt-lighter-gray {
		--txt-color: var(--lighter-gray);
	}
	.tp__txt-off-white {
		--txt-color: var(--off-white);
	}
	.tp__txt-white {
		--txt-color: var(--white);
	}

	.tp__bg-black {
		--bg-color: var(--black);
	}
	.tp__bg-darker-blue {
		--bg-color: var(--darker-blue);
	}
	.tp__bg-dark-blue {
		--bg-color: var(--dark-blue);
	}
	.tp__bg-light-blue {
		--bg-color: var(--light-blue);
	}
	.tp__bg-lighter-blue {
		--bg-color: var(--lighter-blue);
	}
	.tp__bg-gray {
		--bg-color: var(--gray);
	}
	.tp__bg-light-gray {
		--bg-color: var(--light-gray);
	}
	.tp__bg-lighter-gray {
		--bg-color: var(--lighter-gray);
	}
	.tp__bg-off-white {
		--bg-color: var(--off-white);
	}
	.tp__bg-white {
		--bg-color: var(--white);
	}

	.tp__bor-black {
		--bor-color: var(--black);
	}
	.tp__bor-darker-blue {
		--bor-color: var(--darker-blue);
	}
	.tp__bor-dark-blue {
		--bor-color: var(--dark-blue);
	}
	.tp__bor-light-blue {
		--bor-color: var(--light-blue);
	}
	.tp__bor-lighter-blue {
		--bor-color: var(--lighter-blue);
	}
	.tp__bor-gray {
		--bor-color: var(--gray);
	}
	.tp__bor-light-gray {
		--bor-color: var(--light-gray);
	}
	.tp__bor-lighter-gray {
		--bor-color: var(--lighter-gray);
	}
	.tp__bor-off-white {
		--bor-color: var(--off-white);
	}
	.tp__bor-white {
		--bor-color: var(--white);
	}

	.tp__txt-black-hover:hover {
		--txt-color: var(--black);
	}
	.tp__txt-darker-blue-hover:hover {
		--txt-color: var(--darker-blue);
	}
	.tp__txt-dark-blue-hover:hover {
		--txt-color: var(--dark-blue);
	}
	.tp__txt-light-blue-hover:hover {
		--txt-color: var(--light-blue);
	}
	.tp__txt-lighter-blue-hover:hover {
		--txt-color: var(--lighter-blue);
	}
	.tp__txt-gray-hover:hover {
		--txt-color: var(--gray);
	}
	.tp__txt-light-gray-hover:hover {
		--txt-color: var(--light-gray);
	}
	.tp__txt-lighter-gray-hover:hover {
		--txt-color: var(--lighter-gray);
	}
	.tp__txt-off-white-hover:hover {
		--txt-color: var(--off-white);
	}
	.tp__txt-white-hover:hover {
		--txt-color: var(--white);
	}

	.tp__bg-black-hover:hover {
		--bg-color: var(--black);
	}
	.tp__bg-darker-blue-hover:hover {
		--bg-color: var(--darker-blue);
	}
	.tp__bg-dark-blue-hover:hover {
		--bg-color: var(--dark-blue);
	}
	.tp__bg-light-blue-hover:hover {
		--bg-color: var(--light-blue);
	}
	.tp__bg-lighter-blue-hover:hover {
		--bg-color: var(--lighter-blue);
	}
	.tp__bg-gray-hover:hover {
		--bg-color: var(--gray);
	}
	.tp__bg-light-gray-hover:hover {
		--bg-color: var(--light-gray);
	}
	.tp__bg-lighter-gray-hover:hover {
		--bg-color: var(--lighter-gray);
	}
	.tp__bg-off-white-hover:hover {
		--bg-color: var(--off-white);
	}
	.tp__bg-white-hover:hover {
		--bg-color: var(--white);
	}

	.tp__bor-black-hover:hover {
		--bor-color: var(--black);
	}
	.tp__bor-darker-blue-hover:hover {
		--bor-color: var(--darker-blue);
	}
	.tp__bor-dark-blue-hover:hover {
		--bor-color: var(--dark-blue);
	}
	.tp__bor-light-blue-hover:hover {
		--bor-color: var(--light-blue);
	}
	.tp__bor-lighter-blue-hover:hover {
		--bor-color: var(--lighter-blue);
	}
	.tp__bor-gray-hover:hover {
		--bor-color: var(--gray);
	}
	.tp__bor-light-gray-hover:hover {
		--bor-color: var(--light-gray);
	}
	.tp__bor-lighter-gray-hover:hover {
		--bor-color: var(--lighter-gray);
	}
	.tp__bor-off-white-hover:hover {
		--bor-color: var(--off-white);
	}
	.tp__bor-white-hover:hover {
		--bor-color: var(--white);
	}
	
	[class^='tp__bor-'],
	[class*=' tp__bor-'] {
		border-color: var(--bor-color) !important;
	}

	[class^='tp__bg-'],
	[class*=' tp__bg-'] {
		--has-fill-top:    1 !important;
		--has-fill-right:  1 !important;
		--has-fill-bottom: 1 !important;
		--has-fill-left:   1 !important;
		background-color:  var(--bg-color) !important;
	}
	
	
	
	/* 14.2.5. Border radius depth */
	
	:is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) :is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) {
		--border-radius-depth: 1;
	}
	:is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) :is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) :is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) {
		--border-radius-depth: 2;
	}
	:is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) :is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) :is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) :is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) {
		--border-radius-depth: 3;
	}
	:is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) :is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) :is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) :is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) :is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) {
		--border-radius-depth: 4;
	}
	:is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) :is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) :is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) :is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) :is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) :is([class^='bg-'], [class^='tp__bg-'], [class*=' bg-'], [class*=' tp__bg-'], img, .border, .tp__border, .border-top.border-left, .border-top.tp__border-left, .tp__border-top.border-left, .tp__border-top.tp__border-left, .border-top.border-right, .border-top.tp__border-right, .tp__border-top.border-right, .tp__border-top.tp__border-right, .border-bottom.border-left, .border-bottom.tp__border-left, .tp__border-bottom.border-left, .tp__border-bottom.tp__border-left, .border-bottom.border-right, .border-bottom.tp__border-right, .tp__border-bottom.border-right, .tp__border-bottom.tp__border-right, .box-shadow, .tp__box-shadow):not(.full-width):not(.tp__full-width) {
		--border-radius-depth: 5;
	}
	
	.border:not(.full-width):not(.tp__full-width),
	.tp__border:not(.full-width):not(.tp__full-width),
	.border-top.border-left:not(.full-width):not(.tp__full-width),
	.border-top.tp__border-left:not(.full-width):not(.tp__full-width),
	.tp__border-top.border-left:not(.full-width):not(.tp__full-width),
	.tp__border-top.tp__border-left:not(.full-width):not(.tp__full-width) {
		border-top-left-radius: calc(25px / var(--border-radius-depth));
	}
	.border:not(.full-width):not(.tp__full-width),
	.tp__border:not(.full-width):not(.tp__full-width),
	.border-top.border-right:not(.full-width):not(.tp__full-width),
	.border-top.tp__border-right:not(.full-width):not(.tp__full-width),
	.tp__border-top.border-right:not(.full-width):not(.tp__full-width),
	.tp__border-top.tp__border-right:not(.full-width):not(.tp__full-width) {
		border-top-right-radius: calc(25px / var(--border-radius-depth));
	}
	.border:not(.full-width):not(.tp__full-width),
	.tp__border:not(.full-width):not(.tp__full-width),
	.border-bottom.border-left:not(.full-width):not(.tp__full-width),
	.border-bottom.tp__border-left:not(.full-width):not(.tp__full-width),
	.tp__border-bottom.border-left:not(.full-width):not(.tp__full-width),
	.tp__border-bottom.tp__border-left:not(.full-width):not(.tp__full-width) {
		border-bottom-left-radius: calc(25px / var(--border-radius-depth));
	}
	.border:not(.full-width):not(.tp__full-width),
	.tp__border:not(.full-width):not(.tp__full-width),
	.border-bottom.border-right:not(.full-width):not(.tp__full-width),
	.border-bottom.tp__border-right:not(.full-width):not(.tp__full-width),
	.tp__border-bottom.border-right:not(.full-width):not(.tp__full-width),
	.tp__border-bottom.tp__border-right:not(.full-width):not(.tp__full-width) {
		border-bottom-right-radius: calc(25px / var(--border-radius-depth));
	}
	
	.row[class^='bg-']:not(.full-width):not(.tp__full-width),
	.row[class^='tp__bg-']:not(.full-width):not(.tp__full-width),
	.row[class*=' bg-']:not(.full-width):not(.tp__full-width),
	.row[class*=' tp__bg-']:not(.full-width):not(.tp__full-width),
	.col[class^='bg-'],
	.col[class^='tp__bg-'],
	.col[class*=' bg-'],
	.col[class*=' tp__bg-'],
	.row.box-shadow:not(.full-width):not(.tp__full-width),
	.row.tp__box-shadow:not(.full-width):not(.tp__full-width),
	.col.box-shadow,
	.col.tp__box-shadow {
		border-radius: calc(25px / var(--border-radius-depth));
	}
	
	
	
	/* 14.2.6. Spacing for filled rows or columns */
	
	.row[class^='tp__bg-'] + .row,
	.row[class*=' tp__bg-'] + .row,
	.row.tp__border + .row,
	.row.tp__border-bottom + .row,
	.row.tp__box-shadow + .row {
		margin-top: calc(25px * 2 * var(--col-spacing-multiplier));
	}

	:not(.row):not(.col) + .row[class^='tp__bg-'],
	:not(.row):not(.col) + .row[class*=' tp__bg-'],
	:not(.row):not(.col) + .row.tp__border,
	:not(.row):not(.col) + .row.tp__border-top,
	:not(.row):not(.col) + .row.tp__box-shadow {
		margin-top: max(12.5px, calc(25px * 2 * var(--col-spacing-multiplier)));
	}

	.row[class^='tp__bg-'] + :not(.row):not(.col),
	.row[class*=' tp__bg-'] + :not(.row):not(.col),
	.row.tp__border + :not(.row):not(.col),
	.row.tp__border-bottom + :not(.row):not(.col),
	.row.tp__box-shadow + :not(.row):not(.col) {
		margin-top: max(12.5px, calc(25px * var(--col-spacing-multiplier)));
	}
	
	
	
	/* 14.2.7. Simple text-related utility classes */
	
	.tp__no-txt-decor {
		text-decoration: none;
	}


	.tp__uppercase {
		text-transform: uppercase;
	}
	.tp__lowercase {
		text-transform: lowercase;
	}
	.tp__capitalize {
		text-transform: capitalize;
	}


	.tp__txt-left {
		text-align: left;
	}
	.tp__txt-center {
		text-align: center;
	}
	.tp__txt-right {
		text-align: right;
	}
	
	
	
	/* 14.2.8. Borders, border radiuses, margins, and paddings */
	
	.tp__border:not(.row), .tp__border-top:not(.row) {
		--has-fill-top:   1 !important;
		border-top-width: 1.5px;
		border-top-style: solid;
	}
	.tp__border:not(.row), .tp__border-right:not(.row) {
		--has-fill-right:   1 !important;
		border-right-width: 1.5px;
		border-right-style: solid;
	}
	.tp__border:not(.row), .tp__border-bottom:not(.row) {
		--has-fill-bottom:   1 !important;
		border-bottom-width: 1.5px;
		border-bottom-style: solid;
	}
	.tp__border:not(.row), .tp__border-left:not(.row) {
		--has-fill-left:   1 !important;
		border-left-width: 1.5px;
		border-left-style: solid;
	}

	.row.tp__border,
	.row.tp__border-top {
		--has-fill-top:    1 !important;
		padding-top:       calc(50px * var(--col-spacing-multiplier));
	}
	.row.tp__border,
	.row.tp__border-right {
		--has-fill-right:  1 !important;
		padding-right:     calc(25px * var(--col-spacing-multiplier));
	}
	.row.tp__border,
	.row.tp__border-bottom {
		--has-fill-bottom: 1 !important;
		padding-bottom:    calc(25px * var(--col-spacing-multiplier));
	}
	.row.tp__border,
	.row.tp__border-left {
		--has-fill-left: 1 !important;
		padding-left:    calc(25px * var(--col-spacing-multiplier));
	}

	.row.tp__border::before,
	.row.tp__border-top::before {
		--has-fill-top:     1;
		border-top-width:   1.5px;
		border-top-style:   solid;
	}
	.row.tp__border::before,
	.row.tp__border-right::before {
		--has-fill-right:     1;
		border-right-width:   1.5px;
		border-right-style:   solid;
	}
	.row.tp__border::before,
	.row.tp__border-bottom::before {
		--has-fill-bottom:     1;
		border-bottom-width:   1.5px;
		border-bottom-style:   solid;
	}
	.row.tp__border::before,
	.row.tp__border-left::before {
		--has-fill-left:     1;
		border-left-width:   1.5px;
		border-left-style:   solid;
	}


	.tp__border-solid:not(.row), .tp__border-top-solid:not(.row) {
		border-top-style: solid;
	}
	.tp__border-solid:not(.row), .tp__border-right-solid:not(.row) {
		border-right-style: solid;
	}
	.tp__border-solid:not(.row), .tp__border-bottom-solid:not(.row) {
		border-bottom-style: solid;
	}
	.tp__border-solid:not(.row), .tp__border-left-solid:not(.row) {
		border-left-style: solid;
	}

	.row.tp__border-solid::before, .row.tp__border-top-solid::before {
		border-top-style: solid;
	}
	.row.tp__border-solid::before, .row.tp__border-right-solid::before {
		border-right-style: solid;
	}
	.row.tp__border-solid::before, .row.tp__border-bottom-solid::before {
		border-bottom-style: solid;
	}
	.row.tp__border-solid::before, .row.tp__border-left-solid::before {
		border-left-style: solid;
	}


	.tp__border-dashed:not(.row), .tp__border-top-dashed:not(.row) {
		border-top-style: dashed;
	}
	.tp__border-dashed:not(.row), .tp__border-right-dashed:not(.row) {
		border-right-style: dashed;
	}
	.tp__border-dashed:not(.row), .tp__border-bottom-dashed:not(.row) {
		border-bottom-style: dashed;
	}
	.tp__border-dashed:not(.row), .tp__border-left-dashed:not(.row) {
		border-left-style: dashed;
	}

	.row.tp__border-dashed::before, .row.tp__border-top-dashed::before {
		border-top-style: dashed;
	}
	.row.tp__border-dashed::before, .row.tp__border-right-dashed::before {
		border-right-style: dashed;
	}
	.row.tp__border-dashed::before, .row.tp__border-bottom-dashed::before {
		border-bottom-style: dashed;
	}
	.row.tp__border-dashed::before, .row.tp__border-left-dashed::before {
		border-left-style: dashed;
	}


	.tp__border-dotted:not(.row), .tp__border-top-dotted:not(.row) {
		border-top-style: dotted;
	}
	.tp__border-dotted:not(.row), .tp__border-right-dotted:not(.row) {
		border-right-style: dotted;
	}
	.tp__border-dotted:not(.row), .tp__border-bottom-dotted:not(.row) {
		border-bottom-style: dotted;
	}
	.tp__border-dotted:not(.row), .tp__border-left-dotted:not(.row) {
		border-left-style: dotted;
	}

	.row.tp__border-dotted::before, .row.tp__border-top-dotted::before {
		border-top-style: dotted;
	}
	.row.tp__border-dotted::before, .row.tp__border-right-dotted::before {
		border-right-style: dotted;
	}
	.row.tp__border-dotted::before, .row.tp__border-bottom-dotted::before {
		border-bottom-style: dotted;
	}
	.row.tp__border-dotted::before, .row.tp__border-left-dotted::before {
		border-left-style: dotted;
	}


	.tp__border-rad-0,
	.tp__border-rad-top-right-0 {
		border-top-right-radius: 0px !important;
	}
	.tp__border-rad-0,
	.tp__border-rad-bottom-right-0 {
		border-bottom-right-radius: 0px !important;
	}
	.tp__border-rad-0,
	.tp__border-rad-bottom-left-0 {
		border-bottom-left-radius: 0px !important;
	}
	.tp__border-rad-0,
	.tp__border-rad-top-left-0 {
		border-top-left-radius: 0px !important;
	}

	.tp__border-rad-1,
	.tp__border-rad-top-right-1 {
		border-top-right-radius: 25px !important;
	}
	.tp__border-rad-1,
	.tp__border-rad-bottom-right-1 {
		border-bottom-right-radius: 25px !important;
	}
	.tp__border-rad-1,
	.tp__border-rad-bottom-left-1 {
		border-bottom-left-radius: 25px !important;
	}
	.tp__border-rad-1,
	.tp__border-rad-top-left-1 {
		border-top-left-radius: 25px !important;
	}

	.tp__border-rad-2,
	.tp__border-rad-top-right-2 {
		border-top-right-radius: calc(25px / 2) !important;
	}
	.tp__border-rad-2,
	.tp__border-rad-bottom-right-2 {
		border-bottom-right-radius: calc(25px / 2) !important;
	}
	.tp__border-rad-2,
	.tp__border-rad-bottom-left-2 {
		border-bottom-left-radius: calc(25px / 2) !important;
	}
	.tp__border-rad-2,
	.tp__border-rad-top-left-2 {
		border-top-left-radius: calc(25px / 2) !important;
	}

	.tp__border-rad-3,
	.tp__border-rad-top-right-3 {
		border-top-right-radius: calc(25px / 3) !important;
	}
	.tp__border-rad-3,
	.tp__border-rad-bottom-right-3 {
		border-bottom-right-radius: calc(25px / 3) !important;
	}
	.tp__border-rad-3,
	.tp__border-rad-bottom-left-3 {
		border-bottom-left-radius: calc(25px / 3) !important;
	}
	.tp__border-rad-3,
	.tp__border-rad-top-left-3 {
		border-top-left-radius: calc(25px / 3) !important;
	}

	.tp__border-rad-4,
	.tp__border-rad-top-right-4 {
		border-top-right-radius: calc(25px / 4) !important;
	}
	.tp__border-rad-4,
	.tp__border-rad-bottom-right-4 {
		border-bottom-right-radius: calc(25px / 4) !important;
	}
	.tp__border-rad-4,
	.tp__border-rad-bottom-left-4 {
		border-bottom-left-radius: calc(25px / 4) !important;
	}
	.tp__border-rad-4,
	.tp__border-rad-top-left-4 {
		border-top-left-radius: calc(25px / 4) !important;
	}

	.tp__border-rad-5,
	.tp__border-rad-top-right-5 {
		border-top-right-radius: calc(25px / 5) !important;
	}
	.tp__border-rad-5,
	.tp__border-rad-bottom-right-5 {
		border-bottom-right-radius: calc(25px / 5) !important;
	}
	.tp__border-rad-5,
	.tp__border-rad-bottom-left-5 {
		border-bottom-left-radius: calc(25px / 5) !important;
	}
	.tp__border-rad-5,
	.tp__border-rad-top-left-5 {
		border-top-left-radius: calc(25px / 5) !important;
	}



	.tp__mar-auto, .tp__mar-top-auto {
		margin-top: auto !important;
	}
	.tp__mar-auto, .tp__mar-right-auto {
		margin-right: auto !important;
	}
	.tp__mar-auto, .tp__mar-bottom-auto {
		margin-bottom: auto !important;
	}
	.tp__mar-auto, .tp__mar-left-auto {
		margin-left: auto !important;
	}

	.tp__mar-0,
	.tp__mar-top-0 {
		margin-top: 0px !important;
	}
	.tp__mar-0,
	.tp__mar-right-0 {
		margin-right: 0px !important;
	}
	.tp__mar-0,
	.tp__mar-bottom-0 {
		margin-bottom: 0px !important;
	}
	.tp__mar-0,
	.tp__mar-left-0 {
		margin-left: 0px !important;
	}

	.tp__mar-1,
	.tp__mar-top-1 {
		margin-top: 50px !important;
	}
	.tp__mar-1,
	.tp__mar-right-1 {
		margin-right: 50px !important;
	}
	.tp__mar-1,
	.tp__mar-bottom-1 {
		margin-bottom: 50px !important;
	}
	.tp__mar-1,
	.tp__mar-left-1 {
		margin-left: 50px !important;
	}

	.tp__mar-2,
	.tp__mar-top-2 {
		margin-top: 25px !important;
	}
	.tp__mar-2,
	.tp__mar-right-2 {
		margin-right: 25px !important;
	}
	.tp__mar-2,
	.tp__mar-bottom-2 {
		margin-bottom: 25px !important;
	}
	.tp__mar-2,
	.tp__mar-left-2 {
		margin-left: 25px !important;
	}

	.tp__mar-3,
	.tp__mar-top-3 {
		margin-top: 12.5px !important;
	}
	.tp__mar-3,
	.tp__mar-right-3 {
		margin-right: 12.5px !important;
	}
	.tp__mar-3,
	.tp__mar-bottom-3 {
		margin-bottom: 12.5px !important;
	}
	.tp__mar-3,
	.tp__mar-left-3 {
		margin-left: 12.5px !important;
	}

	.tp__mar-4,
	.tp__mar-top-4 {
		margin-top: 6.25px !important;
	}
	.tp__mar-4,
	.tp__mar-right-4 {
		margin-right: 6.25px !important;
	}
	.tp__mar-4,
	.tp__mar-bottom-4 {
		margin-bottom: 6.25px !important;
	}
	.tp__mar-4,
	.tp__mar-left-4 {
		margin-left: 6.25px !important;
	}


	.tp__mar-n1,
	.tp__mar-top-n1 {
		margin-top: -50px !important;
	}
	.tp__mar-n1,
	.tp__mar-right-n1 {
		margin-right: -50px !important;
	}
	.tp__mar-n1,
	.tp__mar-bottom-n1 {
		margin-bottom: -50px !important;
	}
	.tp__mar-n1,
	.tp__mar-left-n1 {
		margin-left: -50px !important;
	}

	.tp__mar-n2,
	.tp__mar-top-n2 {
		margin-top: -25px !important;
	}
	.tp__mar-n2,
	.tp__mar-right-n2 {
		margin-right: -25px !important;
	}
	.tp__mar-n2,
	.tp__mar-bottom-n2 {
		margin-bottom: -25px !important;
	}
	.tp__mar-n2,
	.tp__mar-left-n2 {
		margin-left: -25px !important;
	}

	.tp__mar-n3,
	.tp__mar-top-n3 {
		margin-top: -12.5px !important;
	}
	.tp__mar-n3,
	.tp__mar-right-n3 {
		margin-right: -12.5px !important;
	}
	.tp__mar-n3,
	.tp__mar-bottom-n3 {
		margin-bottom: -12.5px !important;
	}
	.tp__mar-n3,
	.tp__mar-left-n3 {
		margin-left: -12.5px !important;
	}

	.tp__mar-n4,
	.tp__mar-top-n4 {
		margin-top: -6.25px !important;
	}
	.tp__mar-n4,
	.tp__mar-right-n4 {
		margin-right: -6.25px !important;
	}
	.tp__mar-n4,
	.tp__mar-bottom-n4 {
		margin-bottom: -6.25px !important;
	}
	.tp__mar-n4,
	.tp__mar-left-n4 {
		margin-left: -6.25px !important;
	}


	.tp__pad-0,
	.tp__pad-top-0 {
		padding-top: 0px !important;
	}
	.tp__pad-0,
	.tp__pad-right-0 {
		padding-right: 0px !important;
	}
	.tp__pad-0,
	.tp__pad-bottom-0 {
		padding-bottom: 0px !important;
	}
	.tp__pad-0,
	.tp__pad-left-0 {
		padding-left: 0px !important;
	}

	.tp__pad-1,
	.tp__pad-top-1 {
		padding-top: 50px !important;
	}
	.tp__pad-1,
	.tp__pad-right-1 {
		padding-right: 50px !important;
	}
	.tp__pad-1,
	.tp__pad-bottom-1 {
		padding-bottom: 50px !important;
	}
	.tp__pad-1,
	.tp__pad-left-1 {
		padding-left: 50px !important;
	}

	.tp__pad-2,
	.tp__pad-top-2 {
		padding-top: 25px !important;
	}
	.tp__pad-2,
	.tp__pad-right-2 {
		padding-right: 25px !important;
	}
	.tp__pad-2,
	.tp__pad-bottom-2 {
		padding-bottom: 25px !important;
	}
	.tp__pad-2,
	.tp__pad-left-2 {
		padding-left: 25px !important;
	}

	.tp__pad-3,
	.tp__pad-top-3 {
		padding-top: 12.5px !important;
	}
	.tp__pad-3,
	.tp__pad-right-3 {
		padding-right: 12.5px !important;
	}
	.tp__pad-3,
	.tp__pad-bottom-3 {
		padding-bottom: 12.5px !important;
	}
	.tp__pad-3,
	.tp__pad-left-3 {
		padding-left: 12.5px !important;
	}

	.tp__pad-4,
	.tp__pad-top-4 {
		padding-top: 6.25px !important;
	}
	.tp__pad-4,
	.tp__pad-right-4 {
		padding-right: 6.25px !important;
	}
	.tp__pad-4,
	.tp__pad-bottom-4 {
		padding-bottom: 6.25px !important;
	}
	.tp__pad-4,
	.tp__pad-left-4 {
		padding-left: 6.25px !important;
	}
	
	
	
	/* 14.2.9. Full-width rows */
	
	.row.tp__full-width {
		margin-left:   calc(50% - 50 * var(--vw));
		margin-right:  calc(50% - 50 * var(--vw));
	}
	.row.full-width.tp__content-in-container,
	.row.tp__full-width.content-in-container,
	.row.tp__full-width.tp__content-in-container {
		padding-left:  calc(50 * var(--vw) - 50% - 25px * var(--col-spacing-multiplier));
		padding-right: calc(50 * var(--vw) - 50% - 25px * var(--col-spacing-multiplier));
	}
	main > article > .container > .row.tp__full-width:first-child {
		margin-top: calc(-50px * var(--has-fill-top));
	}
	
	.row.full-width[class^='bg-'] + .row.full-width[class^='bg-'],
	.row.full-width[class^='bg-'] + .row.full-width[class^='tp__bg-'],
	.row.full-width[class^='bg-'] + .row.tp__full-width[class^='bg-'],
	.row.full-width[class^='bg-'] + .row.tp__full-width[class^='tp__bg-'],
	.row.full-width[class^='tp__bg-'] + .row.full-width[class^='bg-'],
	.row.full-width[class^='tp__bg-'] + .row.full-width[class^='tp__bg-'],
	.row.full-width[class^='tp__bg-'] + .row.tp__full-width[class^='bg-'],
	.row.full-width[class^='tp__bg-'] + .row.tp__full-width[class^='tp__bg-'],
	.row.tp__full-width[class^='bg-'] + .row.full-width[class^='bg-'],
	.row.tp__full-width[class^='bg-'] + .row.full-width[class^='tp__bg-'],
	.row.tp__full-width[class^='bg-'] + .row.tp__full-width[class^='bg-'],
	.row.tp__full-width[class^='bg-'] + .row.tp__full-width[class^='tp__bg-'],
	.row.tp__full-width[class^='tp__bg-'] + .row.full-width[class^='bg-'],
	.row.tp__full-width[class^='tp__bg-'] + .row.full-width[class^='tp__bg-'],
	.row.tp__full-width[class^='tp__bg-'] + .row.tp__full-width[class^='bg-'],
	.row.tp__full-width[class^='tp__bg-'] + .row.tp__full-width[class^='tp__bg-'],
	
	.row.full-width[class^='bg-'] + .row.full-width[class*=' bg-'],
	.row.full-width[class^='bg-'] + .row.full-width[class*=' tp__bg-'],
	.row.full-width[class^='bg-'] + .row.tp__full-width[class*=' bg-'],
	.row.full-width[class^='bg-'] + .row.tp__full-width[class*=' tp__bg-'],
	.row.full-width[class^='tp__bg-'] + .row.full-width[class*=' bg-'],
	.row.full-width[class^='tp__bg-'] + .row.full-width[class*=' tp__bg-'],
	.row.full-width[class^='tp__bg-'] + .row.tp__full-width[class*=' bg-'],
	.row.full-width[class^='tp__bg-'] + .row.tp__full-width[class*=' tp__bg-'],
	.row.tp__full-width[class^='bg-'] + .row.full-width[class*=' bg-'],
	.row.tp__full-width[class^='bg-'] + .row.full-width[class*=' tp__bg-'],
	.row.tp__full-width[class^='bg-'] + .row.tp__full-width[class*=' bg-'],
	.row.tp__full-width[class^='bg-'] + .row.tp__full-width[class*=' tp__bg-'],
	.row.tp__full-width[class^='tp__bg-'] + .row.full-width[class*=' bg-'],
	.row.tp__full-width[class^='tp__bg-'] + .row.full-width[class*=' tp__bg-'],
	.row.tp__full-width[class^='tp__bg-'] + .row.tp__full-width[class*=' bg-'],
	.row.tp__full-width[class^='tp__bg-'] + .row.tp__full-width[class*=' tp__bg-'],

	.row.full-width[class*=' bg-'] + .row.full-width[class^='bg-'],
	.row.full-width[class*=' bg-'] + .row.full-width[class^='tp__bg-'],
	.row.full-width[class*=' bg-'] + .row.tp__full-width[class^='bg-'],
	.row.full-width[class*=' bg-'] + .row.tp__full-width[class^='tp__bg-'],
	.row.full-width[class*=' tp__bg-'] + .row.full-width[class^='bg-'],
	.row.full-width[class*=' tp__bg-'] + .row.full-width[class^='tp__bg-'],
	.row.full-width[class*=' tp__bg-'] + .row.tp__full-width[class^='bg-'],
	.row.full-width[class*=' tp__bg-'] + .row.tp__full-width[class^='tp__bg-'],
	.row.tp__full-width[class*=' bg-'] + .row.full-width[class^='bg-'],
	.row.tp__full-width[class*=' bg-'] + .row.full-width[class^='tp__bg-'],
	.row.tp__full-width[class*=' bg-'] + .row.tp__full-width[class^='bg-'],
	.row.tp__full-width[class*=' bg-'] + .row.tp__full-width[class^='tp__bg-'],
	.row.tp__full-width[class*=' tp__bg-'] + .row.full-width[class^='bg-'],
	.row.tp__full-width[class*=' tp__bg-'] + .row.full-width[class^='tp__bg-'],
	.row.tp__full-width[class*=' tp__bg-'] + .row.tp__full-width[class^='bg-'],
	.row.tp__full-width[class*=' tp__bg-'] + .row.tp__full-width[class^='tp__bg-'],
	
	.row.full-width[class*=' bg-'] + .row.full-width[class*=' bg-'],
	.row.full-width[class*=' bg-'] + .row.full-width[class*=' tp__bg-'],
	.row.full-width[class*=' bg-'] + .row.tp__full-width[class*=' bg-'],
	.row.full-width[class*=' bg-'] + .row.tp__full-width[class*=' tp__bg-'],
	.row.full-width[class*=' tp__bg-'] + .row.full-width[class*=' bg-'],
	.row.full-width[class*=' tp__bg-'] + .row.full-width[class*=' tp__bg-'],
	.row.full-width[class*=' tp__bg-'] + .row.tp__full-width[class*=' bg-'],
	.row.full-width[class*=' tp__bg-'] + .row.tp__full-width[class*=' tp__bg-'],
	.row.tp__full-width[class*=' bg-'] + .row.full-width[class*=' bg-'],
	.row.tp__full-width[class*=' bg-'] + .row.full-width[class*=' tp__bg-'],
	.row.tp__full-width[class*=' bg-'] + .row.tp__full-width[class*=' bg-'],
	.row.tp__full-width[class*=' bg-'] + .row.tp__full-width[class*=' tp__bg-'],
	.row.tp__full-width[class*=' tp__bg-'] + .row.full-width[class*=' bg-'],
	.row.tp__full-width[class*=' tp__bg-'] + .row.full-width[class*=' tp__bg-'],
	.row.tp__full-width[class*=' tp__bg-'] + .row.tp__full-width[class*=' bg-'],
	.row.tp__full-width[class*=' tp__bg-'] + .row.tp__full-width[class*=' tp__bg-'] {
		margin-top: calc(-25px * var(--col-spacing-multiplier));
	}
	
	/*.row:is(.full-width, .tp__full-width):is([class^='bg-'], [class*=' bg-'], [class^='tp__bg-'], [class*=' tp__bg-']) + .row:is(.full-width, .tp__full-width):is([class^='bg-'], [class*=' bg-'], [class^='tp__bg-'], [class*=' tp__bg-']) {
		margin-top: calc(-25px * var(--col-spacing-multiplier));
	}*/
	
	
	
	/* 14.2.10. Full-height rows */
	
	.row.tp__full-height {
		min-height: calc(100vh - var(--header-height) - var(--top-bar-height));
	}
	
	
	
	/* 14.2.11. Positioning */
	
	.tp__absolute {
		position: absolute !important;
	}
	.tp__fixed {
		position: fixed !important;
	}
	.tp__relative {
		position: relative !important;
	}
	.tp__static {
		position: static !important;
	}
	.tp__sticky {
		position: sticky !important;
	}


	.tp__top {
		top:    0px;
		bottom: auto;
	}
	.tp__right {
		right: 0px;
		left:  auto;
	}
	.tp__bottom {
		bottom: 0px;
		top:    auto;
	}
	.tp__left {
		left:  0px;
		right: auto;
	}

	.tp__top-out {
		bottom: 100%;
		top:    auto;
	}
	.tp__right-out {
		left:  100%;
		right: auto;
	}
	.tp__bottom-out {
		top:    100%;
		bottom: auto;
	}
	.tp__left-out {
		right: 100%;
		left:  auto;
	}
	
	
	
	/* 14.2.12. Moving out of the container on the left or right side */
	
	.tp__out-container-left {
		margin-left: calc((var(--container-width) - var(--vw) * 100) / 2 - 25px);
		max-width:   calc(100% + (var(--vw) * 100 - var(--container-width)) / 2 + 25px);
	}
	.tp__out-container-right {
		margin-right: calc((var(--container-width) - var(--vw) * 100) / 2 - 25px);
		max-width:    calc(100% + (var(--vw) * 100 - var(--container-width)) / 2 + 25px);
	}
	
	
	
	/* 14.2.13. Box shadow */
	
	.tp__box-shadow {
		--has-fill-top:    1 !important;
		--has-fill-right:  1 !important;
		--has-fill-bottom: 1 !important;
		--has-fill-left:   1 !important;
		box-shadow:        0px 0px 6.25px 6.25px rgba(0, 0, 0, 0.03);
	}
	
	
	
	/* 14.2.14. Reversing, direction, alignment, and RTL layouts */
	
	.row:not(.reverse):not(.tp__reverse):not(.vertical):not(.tp__vertical) {
		flex-direction:  row;
		justify-content: flex-start;
	}
	.row.reverse:not(.vertical):not(.tp__vertical),
	.row.tp__reverse:not(.vertical):not(.tp__vertical) {
		flex-direction:  row-reverse;
		justify-content: flex-end;
	}
	.row:not(.reverse):not(.tp__reverse).vertical,
	.row:not(.reverse):not(.tp__reverse).tp__vertical {
		flex-direction:  column;
		align-items:     flex-start;
	}
	.row.reverse.vertical,
	.row.reverse.tp__vertical,
	.row.tp__reverse.vertical,
	.row.tp__reverse.tp__vertical {
		flex-direction:  column-reverse;
		align-items:     flex-start;
	}


	.row:not(.reverse):not(.tp__reverse):not(.vertical):not(.tp__vertical).content-left,
	.row:not(.reverse):not(.tp__reverse):not(.vertical):not(.tp__vertical).tp__content-left {
		justify-content: flex-start !important;
	}
	.row.reverse:not(.vertical):not(.tp__vertical).content-left,
	.row.reverse:not(.vertical):not(.tp__vertical).tp__content-left,
	.row.tp__reverse:not(.vertical):not(.tp__vertical).content-left,
	.row.tp__reverse:not(.vertical):not(.tp__vertical).tp__content-left {
		justify-content: flex-end !important;
	}
	.row:not(.reverse):not(.tp__reverse).vertical.content-left,
	.row:not(.reverse):not(.tp__reverse).vertical.tp__content-left,
	.row:not(.reverse):not(.tp__reverse).tp__vertical.content-left,
	.row:not(.reverse):not(.tp__reverse).tp__vertical.tp__content-left {
		align-items: flex-start !important;
	}
	.row.reverse.vertical.content-left,
	.row.reverse.vertical.tp__content-left,
	.row.reverse.tp__vertical.content-left,
	.row.reverse.tp__vertical.tp__content-left,
	.row.tp__reverse.vertical.content-left,
	.row.tp__reverse.vertical.tp__content-left,
	.row.tp__reverse.tp__vertical.content-left,
	.row.tp__reverse.tp__vertical.tp__content-left {
		align-items: flex-start !important;
	}

	.row:not(.vertical):not(.tp__vertical).content-center,
	.row:not(.vertical):not(.tp__vertical).tp__content-center {
		justify-content: center !important;
	}
	.row.vertical.content-center,
	.row.vertical.tp__content-center,
	.row.tp__vertical.content-center,
	.row.tp__vertical.tp__content-center {
		align-items: center !important;
	}

	.row:not(.reverse):not(.tp__reverse):not(.vertical):not(.tp__vertical).content-right,
	.row:not(.reverse):not(.tp__reverse):not(.vertical):not(.tp__vertical).tp__content-right {
		justify-content: flex-end !important;
	}
	.row.reverse:not(.vertical):not(.tp__vertical).content-right,
	.row.reverse:not(.vertical):not(.tp__vertical).tp__content-right,
	.row.tp__reverse:not(.vertical):not(.tp__vertical).content-right,
	.row.tp__reverse:not(.vertical):not(.tp__vertical).tp__content-right {
		justify-content: flex-start !important;
	}
	.row:not(.reverse):not(.tp__reverse).vertical.content-right,
	.row:not(.reverse):not(.tp__reverse).vertical.tp__content-right,
	.row:not(.reverse):not(.tp__reverse).tp__vertical.content-right,
	.row:not(.reverse):not(.tp__reverse).tp__vertical.tp__content-right {
		align-items: flex-end !important;
	}
	.row.reverse.vertical.content-right,
	.row.reverse.vertical.tp__content-right,
	.row.reverse.tp__vertical.content-right,
	.row.reverse.tp__vertical.tp__content-right,
	.row.tp__reverse.vertical.content-right,
	.row.tp__reverse.vertical.tp__content-right,
	.row.tp__reverse.tp__vertical.content-right,
	.row.tp__reverse.tp__vertical.tp__content-right {
		align-items: flex-end !important;
	}


	.row:not(.reverse):not(.tp__reverse):not(.vertical):not(.tp__vertical).items-top,
	.row:not(.reverse):not(.tp__reverse):not(.vertical):not(.tp__vertical).tp__items-top {
		align-items: flex-start !important;
	}
	.row.reverse:not(.vertical):not(.tp__vertical).items-top,
	.row.reverse:not(.vertical):not(.tp__vertical).tp__items-top,
	.row.tp__reverse:not(.vertical):not(.tp__vertical).items-top,
	.row.tp__reverse:not(.vertical):not(.tp__vertical).tp__items-top {
		align-items: flex-start !important;
	}
	.row:not(.reverse):not(.tp__reverse).vertical.items-top,
	.row:not(.reverse):not(.tp__reverse).vertical.tp__items-top,
	.row:not(.reverse):not(.tp__reverse).tp__vertical.items-top,
	.row:not(.reverse):not(.tp__reverse).tp__vertical.tp__items-top {
		justify-content: flex-start !important;
	}
	.row.reverse.vertical.items-top,
	.row.reverse.vertical.tp__items-top,
	.row.reverse.tp__vertical.items-top,
	.row.reverse.tp__vertical.tp__items-top,
	.row.tp__reverse.vertical.items-top,
	.row.tp__reverse.vertical.tp__items-top,
	.row.tp__reverse.tp__vertical.items-top,
	.row.tp__reverse.tp__vertical.tp__items-top {
		justify-content: flex-end !important;
	}

	.row:not(.vertical):not(.tp__vertical).items-center,
	.row:not(.vertical):not(.tp__vertical).tp__items-center {
		align-items: center !important;
	}
	.row.vertical.items-center,
	.row.vertical.tp__items-center,
	.row.tp__vertical.items-center,
	.row.tp__vertical.tp__items-center {
		justify-content: center !important;
	}

	.row:not(.reverse):not(.tp__reverse):not(.vertical):not(.tp__vertical).items-bottom,
	.row:not(.reverse):not(.tp__reverse):not(.vertical):not(.tp__vertical).tp__items-bottom {
		align-items: flex-end !important;
	}
	.row.reverse:not(.vertical):not(.tp__vertical).items-bottom,
	.row.reverse:not(.vertical):not(.tp__vertical).tp__items-bottom,
	.row.tp__reverse:not(.vertical):not(.tp__vertical).items-bottom,
	.row.tp__reverse:not(.vertical):not(.tp__vertical).tp__items-bottom {
		align-items: flex-end !important;
	}
	.row:not(.reverse):not(.tp__reverse).vertical.items-bottom,
	.row:not(.reverse):not(.tp__reverse).vertical.tp__items-bottom,
	.row:not(.reverse):not(.tp__reverse).tp__vertical.items-bottom,
	.row:not(.reverse):not(.tp__reverse).tp__vertical.tp__items-bottom {
		justify-content: flex-end !important;
	}
	.row.reverse.vertical.items-bottom,
	.row.reverse.vertical.tp__items-bottom,
	.row.reverse.tp__vertical.items-bottom,
	.row.reverse.tp__vertical.tp__items-bottom,
	.row.tp__reverse.vertical.items-bottom,
	.row.tp__reverse.vertical.tp__items-bottom,
	.row.tp__reverse.tp__vertical.items-bottom,
	.row.tp__reverse.tp__vertical.tp__items-bottom {
		justify-content: flex-start !important;
	}
	
	.tp__rtl {
		direction: rtl;
	}
	.tp__ltr {
		direction: ltr;
	}
	
	
	
	/* 15.2. Making your layout responsive (additional utility classes) */
	
	.tp__self-stretch {
		align-self: stretch;
	}
	.tp__self-start {
		align-self: flex-start;
	}
	.tp__self-center {
		align-self: center;
	}
	.tp__self-end {
		align-self: flex-end;
	}
	
	
	
	/* 14.2.15. Column widths */
	
	[class*='w-1/tp/']{--a:1}
	[class*='w-2/tp/']{--a:2}
	[class*='w-3/tp/']{--a:3}
	[class*='w-4/tp/']{--a:4}
	[class*='w-5/tp/']{--a:5}
	[class*='w-6/tp/']{--a:6}
	[class*='w-7/tp/']{--a:7}
	[class*='w-8/tp/']{--a:8}
	[class*='w-9/tp/']{--a:9}
	[class*='w-10/tp/']{--a:10}
	[class*='w-11/tp/']{--a:11}
	[class*='w-12/tp/']{--a:12}
	[class*='w-13/tp/']{--a:13}
	[class*='w-14/tp/']{--a:14}
	[class*='w-15/tp/']{--a:15}
	[class*='w-16/tp/']{--a:16}
	[class*='w-17/tp/']{--a:17}
	[class*='w-18/tp/']{--a:18}
	[class*='w-19/tp/']{--a:19}
	[class*='w-20/tp/']{--a:20}
	[class*='w-21/tp/']{--a:21}
	[class*='w-22/tp/']{--a:22}
	[class*='w-23/tp/']{--a:23}
	[class*='w-24/tp/']{--a:24}

	[class*='/tp/1']{--b:1}
	[class*='/tp/2']{--b:2}
	[class*='/tp/3']{--b:3}
	[class*='/tp/4']{--b:4}
	[class*='/tp/5']{--b:5}
	[class*='/tp/6']{--b:6}
	[class*='/tp/7']{--b:7}
	[class*='/tp/8']{--b:8}
	[class*='/tp/9']{--b:9}
	[class*='/tp/10']{--b:10}
	[class*='/tp/11']{--b:11}
	[class*='/tp/12']{--b:12}
	[class*='/tp/13']{--b:13}
	[class*='/tp/14']{--b:14}
	[class*='/tp/15']{--b:15}
	[class*='/tp/16']{--b:16}
	[class*='/tp/17']{--b:17}
	[class*='/tp/18']{--b:18}
	[class*='/tp/19']{--b:19}
	[class*='/tp/20']{--b:20}
	[class*='/tp/21']{--b:21}
	[class*='/tp/22']{--b:22}
	[class*='/tp/23']{--b:23}
	[class*='/tp/24']{--b:24}

	.col[class*='/tp/'] {
		flex-grow:  0;
		flex-basis: calc(var(--a) / var(--b) * 100% - 25px * 2 * var(--col-spacing-multiplier));
		/*width:      calc(var(--a) / var(--b) * 100% - 25px * 2 * var(--col-spacing-multiplier));*/
	}
	.col.tp__w-auto {
		flex-basis: auto;
		/*max-width:  calc(100% - 25px * 2 * var(--col-spacing-multiplier));*/
		flex-grow:  0;
	}
	
	
	
	/* 14.2.16. 100% width or height */
	
	.tp__w100 {
		width: 100% !important;
	}
	.tp__h100 {
		height: 100% !important;
	}
	
	
	
	/* 14.2.17. Z-Index */
	
	.tp__z-1  {--z:1}  .tp__z-2  {--z:2}  .tp__z-3  {--z:3}
	.tp__z-4  {--z:4}  .tp__z-5  {--z:5}  .tp__z-6  {--z:6}
	.tp__z-7  {--z:7}  .tp__z-8  {--z:8}  .tp__z-9  {--z:9}
	.tp__z-10 {--z:10} .tp__z-11 {--z:11} .tp__z-12 {--z:12}
	.tp__z-13 {--z:13} .tp__z-14 {--z:14} .tp__z-15 {--z:15}
	.tp__z-16 {--z:16} .tp__z-17 {--z:17} .tp__z-18 {--z:18}
	.tp__z-19 {--z:19} .tp__z-20 {--z:20} .tp__z-21 {--z:21}
	.tp__z-22 {--z:22} .tp__z-23 {--z:23} .tp__z-24 {--z:24}
	.tp__z-25 {--z:25} .tp__z-26 {--z:26} .tp__z-27 {--z:27}
	.tp__z-28 {--z:28} .tp__z-29 {--z:29} .tp__z-30 {--z:30}
	.tp__z-31 {--z:31} .tp__z-32 {--z:32} .tp__z-33 {--z:33}
	.tp__z-34 {--z:34} .tp__z-35 {--z:35} .tp__z-36 {--z:36}
	.tp__z-37 {--z:37} .tp__z-38 {--z:38} .tp__z-39 {--z:39}
	.tp__z-40 {--z:40} .tp__z-41 {--z:41} .tp__z-42 {--z:42}
	.tp__z-43 {--z:43} .tp__z-44 {--z:44} .tp__z-45 {--z:45}
	.tp__z-46 {--z:46} .tp__z-47 {--z:47} .tp__z-48 {--z:48}

	[class^='tp__z-'], [class*=' tp__z-'] {
		z-index:  var(--z);
		position: relative;
	}
	
	
	
	/* 14.2.18. Hiding elements */
	
	.tp__hide {
		display: none !important;
	}
	.tp__invisible {
		visibility: hidden !important;
	}
	
	
	
	/* 14.2.19. Preventing user interaction */

	.tp__no-pointer-events {
		pointer-events: none !important;
	}
	
	
	
	/* 15.2. Making your layout responsive (additional utility classes) */
	
	.tp__obj-contain {
		object-fit: contain;
	}
	.tp__obj-cover {
		object-fit: cover;
	}
	
	
	
	/* 17. Creating a top bar (additional utility classes) */
	
	.tp__icon {
		width:         1em;
		height:        1em;
		object-fit:    contain;
		border-radius: 0px;
	}
}

/* ML - Mobile (landscape) & Small tablet */
@media (min-width: 576px) and (max-width: 767.98px) {
	:root {
		--top-bar-height: 49px;
	}
	
	.container {
		--container-width: calc(100 * var(--vw));
	}
	
	body {
		font-size: 16px;
	}
	
	/* 14.2.1. Headings */
	
	.ml__h1, .ml__h2, .ml__h3, .ml__h4, .ml__h5, .ml__h6 {
		font-family:   Arial;
		font-weight:   700;
		line-height:   1.2em;
	}
	.ml__h1:not(:first-child), .ml__h2:not(:first-child), .ml__h3:not(:first-child), .ml__h4:not(:first-child), .ml__h5:not(:first-child), .ml__h6:not(:first-child) {
		margin-top: 37.5px;
	}
	.ml__h1:not(:last-child), .ml__h2:not(:last-child), .ml__h3:not(:last-child), .ml__h4:not(:last-child), .ml__h5:not(:last-child), .ml__h6:not(:last-child) {
		margin-bottom: 25px;
	}

	h1, .h1, .ml__h1 {
		font-size: 27px;
	}
	h2, .h2, .ml__h2 {
		font-size: 25px;
	}
	h3, .h3, .ml__h3 {
		font-size: 22px;
	}
	h4, .h4, .ml__h4 {
		font-size: 20px;
	}
	h5, .h5, .ml__h5 {
		font-size: 18px;
	}
	h6, .h6, .ml__h6 {
		font-size: 16px;
	}
	
	
	/* 14.2.2. Dialogs */
	
	dialog:not(#_) :is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) {
		--border-radius-depth: 2;
	}
	dialog:not(#_) :is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) :is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) {
		--border-radius-depth: 3;
	}
	dialog:not(#_) :is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) :is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) :is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) {
		--border-radius-depth: 4;
	}
	dialog:not(#_) :is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) :is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) :is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) :is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) {
		--border-radius-depth: 5;
	}
	
	
	
	/* 14.2.3. Color schemes */
	
	.ml__color-scheme-dark {
		--accent-color:                       var(--dark__accent-color);
		--hyperlink-color:                    var(--dark__hyperlink-color);
		--field-color:                        var(--dark__field-color);
		--field-background-color:             var(--dark__field-background-color);
		--field-border-color:                 var(--dark__field-border-color);
		--checkbox-check-url:                 var(--dark__checkbox-check-url);
		--selectbox-caret-url:                var(--dark__selectbox-caret-url);
		--option-color:                       var(--dark__option-color);
		--option-background-color:            var(--dark__option-background-color);
		--button-color:                       var(--dark__button-color);
		--button-background-color:            var(--dark__button-background-color);
		--button-border-color:                var(--dark__button-border-color);
		--blockquote-decoration-color:        var(--dark__blockquote-decoration-color);
		--code-background-color:              var(--dark__code-background-color);
		--kbd-background-color:               var(--dark__kbd-background-color);
		--table-border-color:                 var(--dark__table-border-color);
		--table-header-cell-background-color: var(--dark__table-header-cell-background-color);
		--table-header-cell-text-color:       var(--dark__table-header-cell-text-color);
		--table-data-cell-background-color:   var(--dark__table-data-cell-background-color);
		--table-data-cell-text-color:         var(--dark__table-data-cell-text-color);
		--table-footer-cell-background-color: var(--dark__table-footer-cell-background-color);
		--table-footer-cell-text-color:       var(--dark__table-footer-cell-text-color);
		--txt-color:                          var(--dark__txt-color);
	}
	.ml__color-scheme-light {
		--accent-color:                       var(--light__accent-color);
		--hyperlink-color:                    var(--light__hyperlink-color);
		--field-color:                        var(--light__field-color);
		--field-background-color:             var(--light__field-background-color);
		--field-border-color:                 var(--light__field-border-color);
		--checkbox-check-url:                 var(--light__checkbox-check-url);
		--selectbox-caret-url:                var(--light__selectbox-caret-url);
		--option-color:                       var(--light__option-color);
		--option-background-color:            var(--light__option-background-color);
		--button-color:                       var(--light__button-color);
		--button-background-color:            var(--light__button-background-color);
		--button-border-color:                var(--light__button-border-color);
		--blockquote-decoration-color:        var(--light__blockquote-decoration-color);
		--code-background-color:              var(--light__code-background-color);
		--kbd-background-color:               var(--light__kbd-background-color);
		--table-border-color:                 var(--light__table-border-color);
		--table-header-cell-background-color: var(--light__table-header-cell-background-color);
		--table-header-cell-text-color:       var(--light__table-header-cell-text-color);
		--table-data-cell-background-color:   var(--light__table-data-cell-background-color);
		--table-data-cell-text-color:         var(--light__table-data-cell-text-color);
		--table-footer-cell-background-color: var(--light__table-footer-cell-background-color);
		--table-footer-cell-text-color:       var(--light__table-footer-cell-text-color);
		--txt-color:                          var(--light__txt-color);
	}
	[class^='ml__txt-'],
	[class*=' ml__txt-'],
	.ml__color-scheme-dark,
	.ml__color-scheme-light {
		color: var(--txt-color) !important;
	}
	
	.row[class^='bg-']:not(.full-width):not(.ml__full-width),
	.row[class^='ml__bg-']:not(.full-width):not(.ml__full-width),
	.row[class*=' bg-']:not(.full-width):not(.ml__full-width),
	.row[class*=' ml__bg-']:not(.full-width):not(.ml__full-width),
	.row.box-shadow:not(.full-width):not(.ml__full-width),
	.row.ml__box-shadow:not(.full-width):not(.ml__full-width) {
		border-radius: calc(25px / var(--border-radius-depth));
	}
	
	
	
	/* 14.2.4. Text colors, background colors, and border colors */
	
	.ml__txt-black {
		--txt-color: var(--black);
	}
	.ml__txt-darker-blue {
		--txt-color: var(--darker-blue);
	}
	.ml__txt-dark-blue {
		--txt-color: var(--dark-blue);
	}
	.ml__txt-light-blue {
		--txt-color: var(--light-blue);
	}
	.ml__txt-lighter-blue {
		--txt-color: var(--lighter-blue);
	}
	.ml__txt-gray {
		--txt-color: var(--gray);
	}
	.ml__txt-light-gray {
		--txt-color: var(--light-gray);
	}
	.ml__txt-lighter-gray {
		--txt-color: var(--lighter-gray);
	}
	.ml__txt-off-white {
		--txt-color: var(--off-white);
	}
	.ml__txt-white {
		--txt-color: var(--white);
	}

	.ml__bg-black {
		--bg-color: var(--black);
	}
	.ml__bg-darker-blue {
		--bg-color: var(--darker-blue);
	}
	.ml__bg-dark-blue {
		--bg-color: var(--dark-blue);
	}
	.ml__bg-light-blue {
		--bg-color: var(--light-blue);
	}
	.ml__bg-lighter-blue {
		--bg-color: var(--lighter-blue);
	}
	.ml__bg-gray {
		--bg-color: var(--gray);
	}
	.ml__bg-light-gray {
		--bg-color: var(--light-gray);
	}
	.ml__bg-lighter-gray {
		--bg-color: var(--lighter-gray);
	}
	.ml__bg-off-white {
		--bg-color: var(--off-white);
	}
	.ml__bg-white {
		--bg-color: var(--white);
	}

	.ml__bor-black {
		--bor-color: var(--black);
	}
	.ml__bor-darker-blue {
		--bor-color: var(--darker-blue);
	}
	.ml__bor-dark-blue {
		--bor-color: var(--dark-blue);
	}
	.ml__bor-light-blue {
		--bor-color: var(--light-blue);
	}
	.ml__bor-lighter-blue {
		--bor-color: var(--lighter-blue);
	}
	.ml__bor-gray {
		--bor-color: var(--gray);
	}
	.ml__bor-light-gray {
		--bor-color: var(--light-gray);
	}
	.ml__bor-lighter-gray {
		--bor-color: var(--lighter-gray);
	}
	.ml__bor-off-white {
		--bor-color: var(--off-white);
	}
	.ml__bor-white {
		--bor-color: var(--white);
	}

	.ml__txt-black-hover:hover {
		--txt-color: var(--black);
	}
	.ml__txt-darker-blue-hover:hover {
		--txt-color: var(--darker-blue);
	}
	.ml__txt-dark-blue-hover:hover {
		--txt-color: var(--dark-blue);
	}
	.ml__txt-light-blue-hover:hover {
		--txt-color: var(--light-blue);
	}
	.ml__txt-lighter-blue-hover:hover {
		--txt-color: var(--lighter-blue);
	}
	.ml__txt-gray-hover:hover {
		--txt-color: var(--gray);
	}
	.ml__txt-light-gray-hover:hover {
		--txt-color: var(--light-gray);
	}
	.ml__txt-lighter-gray-hover:hover {
		--txt-color: var(--lighter-gray);
	}
	.ml__txt-off-white-hover:hover {
		--txt-color: var(--off-white);
	}
	.ml__txt-white-hover:hover {
		--txt-color: var(--white);
	}

	.ml__bg-black-hover:hover {
		--bg-color: var(--black);
	}
	.ml__bg-darker-blue-hover:hover {
		--bg-color: var(--darker-blue);
	}
	.ml__bg-dark-blue-hover:hover {
		--bg-color: var(--dark-blue);
	}
	.ml__bg-light-blue-hover:hover {
		--bg-color: var(--light-blue);
	}
	.ml__bg-lighter-blue-hover:hover {
		--bg-color: var(--lighter-blue);
	}
	.ml__bg-gray-hover:hover {
		--bg-color: var(--gray);
	}
	.ml__bg-light-gray-hover:hover {
		--bg-color: var(--light-gray);
	}
	.ml__bg-lighter-gray-hover:hover {
		--bg-color: var(--lighter-gray);
	}
	.ml__bg-off-white-hover:hover {
		--bg-color: var(--off-white);
	}
	.ml__bg-white-hover:hover {
		--bg-color: var(--white);
	}

	.ml__bor-black-hover:hover {
		--bor-color: var(--black);
	}
	.ml__bor-darker-blue-hover:hover {
		--bor-color: var(--darker-blue);
	}
	.ml__bor-dark-blue-hover:hover {
		--bor-color: var(--dark-blue);
	}
	.ml__bor-light-blue-hover:hover {
		--bor-color: var(--light-blue);
	}
	.ml__bor-lighter-blue-hover:hover {
		--bor-color: var(--lighter-blue);
	}
	.ml__bor-gray-hover:hover {
		--bor-color: var(--gray);
	}
	.ml__bor-light-gray-hover:hover {
		--bor-color: var(--light-gray);
	}
	.ml__bor-lighter-gray-hover:hover {
		--bor-color: var(--lighter-gray);
	}
	.ml__bor-off-white-hover:hover {
		--bor-color: var(--off-white);
	}
	.ml__bor-white-hover:hover {
		--bor-color: var(--white);
	}
	
	[class^='ml__bor-'],
	[class*=' ml__bor-'] {
		border-color: var(--bor-color) !important;
	}

	[class^='ml__bg-'],
	[class*=' ml__bg-'] {
		--has-fill-top:    1 !important;
		--has-fill-right:  1 !important;
		--has-fill-bottom: 1 !important;
		--has-fill-left:   1 !important;
		background-color:  var(--bg-color) !important;
	}
	
	
	
	/* 14.2.5. Border radius depth */
	
	:is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) :is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) {
		--border-radius-depth: 1;
	}
	:is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) :is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) :is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) {
		--border-radius-depth: 2;
	}
	:is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) :is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) :is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) :is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) {
		--border-radius-depth: 3;
	}
	:is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) :is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) :is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) :is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) :is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) {
		--border-radius-depth: 4;
	}
	:is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) :is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) :is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) :is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) :is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) :is([class^='bg-'], [class^='ml__bg-'], [class*=' bg-'], [class*=' ml__bg-'], img, .border, .ml__border, .border-top.border-left, .border-top.ml__border-left, .ml__border-top.border-left, .ml__border-top.ml__border-left, .border-top.border-right, .border-top.ml__border-right, .ml__border-top.border-right, .ml__border-top.ml__border-right, .border-bottom.border-left, .border-bottom.ml__border-left, .ml__border-bottom.border-left, .ml__border-bottom.ml__border-left, .border-bottom.border-right, .border-bottom.ml__border-right, .ml__border-bottom.border-right, .ml__border-bottom.ml__border-right, .box-shadow, .ml__box-shadow):not(.full-width):not(.ml__full-width) {
		--border-radius-depth: 5;
	}
	
	.border:not(.full-width):not(.ml__full-width),
	.ml__border:not(.full-width):not(.ml__full-width),
	.border-top.border-left:not(.full-width):not(.ml__full-width),
	.border-top.ml__border-left:not(.full-width):not(.ml__full-width),
	.ml__border-top.border-left:not(.full-width):not(.ml__full-width),
	.ml__border-top.ml__border-left:not(.full-width):not(.ml__full-width) {
		border-top-left-radius: calc(25px / var(--border-radius-depth));
	}
	.border:not(.full-width):not(.ml__full-width),
	.ml__border:not(.full-width):not(.ml__full-width),
	.border-top.border-right:not(.full-width):not(.ml__full-width),
	.border-top.ml__border-right:not(.full-width):not(.ml__full-width),
	.ml__border-top.border-right:not(.full-width):not(.ml__full-width),
	.ml__border-top.ml__border-right:not(.full-width):not(.ml__full-width) {
		border-top-right-radius: calc(25px / var(--border-radius-depth));
	}
	.border:not(.full-width):not(.ml__full-width),
	.ml__border:not(.full-width):not(.ml__full-width),
	.border-bottom.border-left:not(.full-width):not(.ml__full-width),
	.border-bottom.ml__border-left:not(.full-width):not(.ml__full-width),
	.ml__border-bottom.border-left:not(.full-width):not(.ml__full-width),
	.ml__border-bottom.ml__border-left:not(.full-width):not(.ml__full-width) {
		border-bottom-left-radius: calc(25px / var(--border-radius-depth));
	}
	.border:not(.full-width):not(.ml__full-width),
	.ml__border:not(.full-width):not(.ml__full-width),
	.border-bottom.border-right:not(.full-width):not(.ml__full-width),
	.border-bottom.ml__border-right:not(.full-width):not(.ml__full-width),
	.ml__border-bottom.border-right:not(.full-width):not(.ml__full-width),
	.ml__border-bottom.ml__border-right:not(.full-width):not(.ml__full-width) {
		border-bottom-right-radius: calc(25px / var(--border-radius-depth));
	}
	
	.row[class^='bg-']:not(.full-width):not(.ml__full-width),
	.row[class^='ml__bg-']:not(.full-width):not(.ml__full-width),
	.row[class*=' bg-']:not(.full-width):not(.ml__full-width),
	.row[class*=' ml__bg-']:not(.full-width):not(.ml__full-width),
	.col[class^='bg-'],
	.col[class^='ml__bg-'],
	.col[class*=' bg-'],
	.col[class*=' ml__bg-'],
	.row.box-shadow:not(.full-width):not(.ml__full-width),
	.row.ml__box-shadow:not(.full-width):not(.ml__full-width),
	.col.box-shadow,
	.col.ml__box-shadow {
		border-radius: calc(25px / var(--border-radius-depth));
	}
	
	
	
	/* 14.2.6. Spacing for filled rows or columns */
	
	.row[class^='ml__bg-'] + .row,
	.row[class*=' ml__bg-'] + .row,
	.row.ml__border + .row,
	.row.ml__border-bottom + .row,
	.row.ml__box-shadow + .row {
		margin-top: calc(25px * 2 * var(--col-spacing-multiplier));
	}

	:not(.row):not(.col) + .row[class^='ml__bg-'],
	:not(.row):not(.col) + .row[class*=' ml__bg-'],
	:not(.row):not(.col) + .row.ml__border,
	:not(.row):not(.col) + .row.ml__border-top,
	:not(.row):not(.col) + .row.ml__box-shadow {
		margin-top: max(12.5px, calc(25px * 2 * var(--col-spacing-multiplier)));
	}

	.row[class^='ml__bg-'] + :not(.row):not(.col),
	.row[class*=' ml__bg-'] + :not(.row):not(.col),
	.row.ml__border + :not(.row):not(.col),
	.row.ml__border-bottom + :not(.row):not(.col),
	.row.ml__box-shadow + :not(.row):not(.col) {
		margin-top: max(12.5px, calc(25px * var(--col-spacing-multiplier)));
	}
	
	
	
	/* 14.2.7. Simple text-related utility classes */
	
	.ml__no-txt-decor {
		text-decoration: none;
	}


	.ml__uppercase {
		text-transform: uppercase;
	}
	.ml__lowercase {
		text-transform: lowercase;
	}
	.ml__capitalize {
		text-transform: capitalize;
	}


	.ml__txt-left {
		text-align: left;
	}
	.ml__txt-center {
		text-align: center;
	}
	.ml__txt-right {
		text-align: right;
	}
	
	
	
	/* 14.2.8. Borders, border radiuses, margins, and paddings */
	
	.ml__border:not(.row), .ml__border-top:not(.row) {
		--has-fill-top:   1 !important;
		border-top-width: 1.5px;
		border-top-style: solid;
	}
	.ml__border:not(.row), .ml__border-right:not(.row) {
		--has-fill-right:   1 !important;
		border-right-width: 1.5px;
		border-right-style: solid;
	}
	.ml__border:not(.row), .ml__border-bottom:not(.row) {
		--has-fill-bottom:   1 !important;
		border-bottom-width: 1.5px;
		border-bottom-style: solid;
	}
	.ml__border:not(.row), .ml__border-left:not(.row) {
		--has-fill-left:   1 !important;
		border-left-width: 1.5px;
		border-left-style: solid;
	}

	.row.ml__border,
	.row.ml__border-top {
		--has-fill-top:    1 !important;
		padding-top:       calc(50px * var(--col-spacing-multiplier));
	}
	.row.ml__border,
	.row.ml__border-right {
		--has-fill-right:  1 !important;
		padding-right:     calc(25px * var(--col-spacing-multiplier));
	}
	.row.ml__border,
	.row.ml__border-bottom {
		--has-fill-bottom: 1 !important;
		padding-bottom:    calc(25px * var(--col-spacing-multiplier));
	}
	.row.ml__border,
	.row.ml__border-left {
		--has-fill-left: 1 !important;
		padding-left:    calc(25px * var(--col-spacing-multiplier));
	}

	.row.ml__border::before,
	.row.ml__border-top::before {
		--has-fill-top:     1;
		border-top-width:   1.5px;
		border-top-style:   solid;
	}
	.row.ml__border::before,
	.row.ml__border-right::before {
		--has-fill-right:     1;
		border-right-width:   1.5px;
		border-right-style:   solid;
	}
	.row.ml__border::before,
	.row.ml__border-bottom::before {
		--has-fill-bottom:     1;
		border-bottom-width:   1.5px;
		border-bottom-style:   solid;
	}
	.row.ml__border::before,
	.row.ml__border-left::before {
		--has-fill-left:     1;
		border-left-width:   1.5px;
		border-left-style:   solid;
	}


	.ml__border-solid:not(.row), .ml__border-top-solid:not(.row) {
		border-top-style: solid;
	}
	.ml__border-solid:not(.row), .ml__border-right-solid:not(.row) {
		border-right-style: solid;
	}
	.ml__border-solid:not(.row), .ml__border-bottom-solid:not(.row) {
		border-bottom-style: solid;
	}
	.ml__border-solid:not(.row), .ml__border-left-solid:not(.row) {
		border-left-style: solid;
	}

	.row.ml__border-solid::before, .row.ml__border-top-solid::before {
		border-top-style: solid;
	}
	.row.ml__border-solid::before, .row.ml__border-right-solid::before {
		border-right-style: solid;
	}
	.row.ml__border-solid::before, .row.ml__border-bottom-solid::before {
		border-bottom-style: solid;
	}
	.row.ml__border-solid::before, .row.ml__border-left-solid::before {
		border-left-style: solid;
	}


	.ml__border-dashed:not(.row), .ml__border-top-dashed:not(.row) {
		border-top-style: dashed;
	}
	.ml__border-dashed:not(.row), .ml__border-right-dashed:not(.row) {
		border-right-style: dashed;
	}
	.ml__border-dashed:not(.row), .ml__border-bottom-dashed:not(.row) {
		border-bottom-style: dashed;
	}
	.ml__border-dashed:not(.row), .ml__border-left-dashed:not(.row) {
		border-left-style: dashed;
	}

	.row.ml__border-dashed::before, .row.ml__border-top-dashed::before {
		border-top-style: dashed;
	}
	.row.ml__border-dashed::before, .row.ml__border-right-dashed::before {
		border-right-style: dashed;
	}
	.row.ml__border-dashed::before, .row.ml__border-bottom-dashed::before {
		border-bottom-style: dashed;
	}
	.row.ml__border-dashed::before, .row.ml__border-left-dashed::before {
		border-left-style: dashed;
	}


	.ml__border-dotted:not(.row), .ml__border-top-dotted:not(.row) {
		border-top-style: dotted;
	}
	.ml__border-dotted:not(.row), .ml__border-right-dotted:not(.row) {
		border-right-style: dotted;
	}
	.ml__border-dotted:not(.row), .ml__border-bottom-dotted:not(.row) {
		border-bottom-style: dotted;
	}
	.ml__border-dotted:not(.row), .ml__border-left-dotted:not(.row) {
		border-left-style: dotted;
	}

	.row.ml__border-dotted::before, .row.ml__border-top-dotted::before {
		border-top-style: dotted;
	}
	.row.ml__border-dotted::before, .row.ml__border-right-dotted::before {
		border-right-style: dotted;
	}
	.row.ml__border-dotted::before, .row.ml__border-bottom-dotted::before {
		border-bottom-style: dotted;
	}
	.row.ml__border-dotted::before, .row.ml__border-left-dotted::before {
		border-left-style: dotted;
	}


	.ml__border-rad-0,
	.ml__border-rad-top-right-0 {
		border-top-right-radius: 0px !important;
	}
	.ml__border-rad-0,
	.ml__border-rad-bottom-right-0 {
		border-bottom-right-radius: 0px !important;
	}
	.ml__border-rad-0,
	.ml__border-rad-bottom-left-0 {
		border-bottom-left-radius: 0px !important;
	}
	.ml__border-rad-0,
	.ml__border-rad-top-left-0 {
		border-top-left-radius: 0px !important;
	}

	.ml__border-rad-1,
	.ml__border-rad-top-right-1 {
		border-top-right-radius: 25px !important;
	}
	.ml__border-rad-1,
	.ml__border-rad-bottom-right-1 {
		border-bottom-right-radius: 25px !important;
	}
	.ml__border-rad-1,
	.ml__border-rad-bottom-left-1 {
		border-bottom-left-radius: 25px !important;
	}
	.ml__border-rad-1,
	.ml__border-rad-top-left-1 {
		border-top-left-radius: 25px !important;
	}

	.ml__border-rad-2,
	.ml__border-rad-top-right-2 {
		border-top-right-radius: calc(25px / 2) !important;
	}
	.ml__border-rad-2,
	.ml__border-rad-bottom-right-2 {
		border-bottom-right-radius: calc(25px / 2) !important;
	}
	.ml__border-rad-2,
	.ml__border-rad-bottom-left-2 {
		border-bottom-left-radius: calc(25px / 2) !important;
	}
	.ml__border-rad-2,
	.ml__border-rad-top-left-2 {
		border-top-left-radius: calc(25px / 2) !important;
	}

	.ml__border-rad-3,
	.ml__border-rad-top-right-3 {
		border-top-right-radius: calc(25px / 3) !important;
	}
	.ml__border-rad-3,
	.ml__border-rad-bottom-right-3 {
		border-bottom-right-radius: calc(25px / 3) !important;
	}
	.ml__border-rad-3,
	.ml__border-rad-bottom-left-3 {
		border-bottom-left-radius: calc(25px / 3) !important;
	}
	.ml__border-rad-3,
	.ml__border-rad-top-left-3 {
		border-top-left-radius: calc(25px / 3) !important;
	}

	.ml__border-rad-4,
	.ml__border-rad-top-right-4 {
		border-top-right-radius: calc(25px / 4) !important;
	}
	.ml__border-rad-4,
	.ml__border-rad-bottom-right-4 {
		border-bottom-right-radius: calc(25px / 4) !important;
	}
	.ml__border-rad-4,
	.ml__border-rad-bottom-left-4 {
		border-bottom-left-radius: calc(25px / 4) !important;
	}
	.ml__border-rad-4,
	.ml__border-rad-top-left-4 {
		border-top-left-radius: calc(25px / 4) !important;
	}

	.ml__border-rad-5,
	.ml__border-rad-top-right-5 {
		border-top-right-radius: calc(25px / 5) !important;
	}
	.ml__border-rad-5,
	.ml__border-rad-bottom-right-5 {
		border-bottom-right-radius: calc(25px / 5) !important;
	}
	.ml__border-rad-5,
	.ml__border-rad-bottom-left-5 {
		border-bottom-left-radius: calc(25px / 5) !important;
	}
	.ml__border-rad-5,
	.ml__border-rad-top-left-5 {
		border-top-left-radius: calc(25px / 5) !important;
	}



	.ml__mar-auto, .ml__mar-top-auto {
		margin-top: auto !important;
	}
	.ml__mar-auto, .ml__mar-right-auto {
		margin-right: auto !important;
	}
	.ml__mar-auto, .ml__mar-bottom-auto {
		margin-bottom: auto !important;
	}
	.ml__mar-auto, .ml__mar-left-auto {
		margin-left: auto !important;
	}

	.ml__mar-0,
	.ml__mar-top-0 {
		margin-top: 0px !important;
	}
	.ml__mar-0,
	.ml__mar-right-0 {
		margin-right: 0px !important;
	}
	.ml__mar-0,
	.ml__mar-bottom-0 {
		margin-bottom: 0px !important;
	}
	.ml__mar-0,
	.ml__mar-left-0 {
		margin-left: 0px !important;
	}

	.ml__mar-1,
	.ml__mar-top-1 {
		margin-top: 50px !important;
	}
	.ml__mar-1,
	.ml__mar-right-1 {
		margin-right: 50px !important;
	}
	.ml__mar-1,
	.ml__mar-bottom-1 {
		margin-bottom: 50px !important;
	}
	.ml__mar-1,
	.ml__mar-left-1 {
		margin-left: 50px !important;
	}

	.ml__mar-2,
	.ml__mar-top-2 {
		margin-top: 25px !important;
	}
	.ml__mar-2,
	.ml__mar-right-2 {
		margin-right: 25px !important;
	}
	.ml__mar-2,
	.ml__mar-bottom-2 {
		margin-bottom: 25px !important;
	}
	.ml__mar-2,
	.ml__mar-left-2 {
		margin-left: 25px !important;
	}

	.ml__mar-3,
	.ml__mar-top-3 {
		margin-top: 12.5px !important;
	}
	.ml__mar-3,
	.ml__mar-right-3 {
		margin-right: 12.5px !important;
	}
	.ml__mar-3,
	.ml__mar-bottom-3 {
		margin-bottom: 12.5px !important;
	}
	.ml__mar-3,
	.ml__mar-left-3 {
		margin-left: 12.5px !important;
	}

	.ml__mar-4,
	.ml__mar-top-4 {
		margin-top: 6.25px !important;
	}
	.ml__mar-4,
	.ml__mar-right-4 {
		margin-right: 6.25px !important;
	}
	.ml__mar-4,
	.ml__mar-bottom-4 {
		margin-bottom: 6.25px !important;
	}
	.ml__mar-4,
	.ml__mar-left-4 {
		margin-left: 6.25px !important;
	}


	.ml__mar-n1,
	.ml__mar-top-n1 {
		margin-top: -50px !important;
	}
	.ml__mar-n1,
	.ml__mar-right-n1 {
		margin-right: -50px !important;
	}
	.ml__mar-n1,
	.ml__mar-bottom-n1 {
		margin-bottom: -50px !important;
	}
	.ml__mar-n1,
	.ml__mar-left-n1 {
		margin-left: -50px !important;
	}

	.ml__mar-n2,
	.ml__mar-top-n2 {
		margin-top: -25px !important;
	}
	.ml__mar-n2,
	.ml__mar-right-n2 {
		margin-right: -25px !important;
	}
	.ml__mar-n2,
	.ml__mar-bottom-n2 {
		margin-bottom: -25px !important;
	}
	.ml__mar-n2,
	.ml__mar-left-n2 {
		margin-left: -25px !important;
	}

	.ml__mar-n3,
	.ml__mar-top-n3 {
		margin-top: -12.5px !important;
	}
	.ml__mar-n3,
	.ml__mar-right-n3 {
		margin-right: -12.5px !important;
	}
	.ml__mar-n3,
	.ml__mar-bottom-n3 {
		margin-bottom: -12.5px !important;
	}
	.ml__mar-n3,
	.ml__mar-left-n3 {
		margin-left: -12.5px !important;
	}

	.ml__mar-n4,
	.ml__mar-top-n4 {
		margin-top: -6.25px !important;
	}
	.ml__mar-n4,
	.ml__mar-right-n4 {
		margin-right: -6.25px !important;
	}
	.ml__mar-n4,
	.ml__mar-bottom-n4 {
		margin-bottom: -6.25px !important;
	}
	.ml__mar-n4,
	.ml__mar-left-n4 {
		margin-left: -6.25px !important;
	}


	.ml__pad-0,
	.ml__pad-top-0 {
		padding-top: 0px !important;
	}
	.ml__pad-0,
	.ml__pad-right-0 {
		padding-right: 0px !important;
	}
	.ml__pad-0,
	.ml__pad-bottom-0 {
		padding-bottom: 0px !important;
	}
	.ml__pad-0,
	.ml__pad-left-0 {
		padding-left: 0px !important;
	}

	.ml__pad-1,
	.ml__pad-top-1 {
		padding-top: 50px !important;
	}
	.ml__pad-1,
	.ml__pad-right-1 {
		padding-right: 50px !important;
	}
	.ml__pad-1,
	.ml__pad-bottom-1 {
		padding-bottom: 50px !important;
	}
	.ml__pad-1,
	.ml__pad-left-1 {
		padding-left: 50px !important;
	}

	.ml__pad-2,
	.ml__pad-top-2 {
		padding-top: 25px !important;
	}
	.ml__pad-2,
	.ml__pad-right-2 {
		padding-right: 25px !important;
	}
	.ml__pad-2,
	.ml__pad-bottom-2 {
		padding-bottom: 25px !important;
	}
	.ml__pad-2,
	.ml__pad-left-2 {
		padding-left: 25px !important;
	}

	.ml__pad-3,
	.ml__pad-top-3 {
		padding-top: 12.5px !important;
	}
	.ml__pad-3,
	.ml__pad-right-3 {
		padding-right: 12.5px !important;
	}
	.ml__pad-3,
	.ml__pad-bottom-3 {
		padding-bottom: 12.5px !important;
	}
	.ml__pad-3,
	.ml__pad-left-3 {
		padding-left: 12.5px !important;
	}

	.ml__pad-4,
	.ml__pad-top-4 {
		padding-top: 6.25px !important;
	}
	.ml__pad-4,
	.ml__pad-right-4 {
		padding-right: 6.25px !important;
	}
	.ml__pad-4,
	.ml__pad-bottom-4 {
		padding-bottom: 6.25px !important;
	}
	.ml__pad-4,
	.ml__pad-left-4 {
		padding-left: 6.25px !important;
	}
	
	
	
	/* 14.2.9. Full-width rows */
	
	.row.ml__full-width {
		margin-left:   calc(50% - 50 * var(--vw));
		margin-right:  calc(50% - 50 * var(--vw));
	}
	.row.full-width.ml__content-in-container,
	.row.ml__full-width.content-in-container,
	.row.ml__full-width.ml__content-in-container {
		padding-left:  calc(50 * var(--vw) - 50% - 25px * var(--col-spacing-multiplier));
		padding-right: calc(50 * var(--vw) - 50% - 25px * var(--col-spacing-multiplier));
	}
	main > article > .container > .row.ml__full-width:first-child {
		margin-top: calc(-50px * var(--has-fill-top));
	}
	
	.row.full-width[class^='bg-'] + .row.full-width[class^='bg-'],
	.row.full-width[class^='bg-'] + .row.full-width[class^='ml__bg-'],
	.row.full-width[class^='bg-'] + .row.ml__full-width[class^='bg-'],
	.row.full-width[class^='bg-'] + .row.ml__full-width[class^='ml__bg-'],
	.row.full-width[class^='ml__bg-'] + .row.full-width[class^='bg-'],
	.row.full-width[class^='ml__bg-'] + .row.full-width[class^='ml__bg-'],
	.row.full-width[class^='ml__bg-'] + .row.ml__full-width[class^='bg-'],
	.row.full-width[class^='ml__bg-'] + .row.ml__full-width[class^='ml__bg-'],
	.row.ml__full-width[class^='bg-'] + .row.full-width[class^='bg-'],
	.row.ml__full-width[class^='bg-'] + .row.full-width[class^='ml__bg-'],
	.row.ml__full-width[class^='bg-'] + .row.ml__full-width[class^='bg-'],
	.row.ml__full-width[class^='bg-'] + .row.ml__full-width[class^='ml__bg-'],
	.row.ml__full-width[class^='ml__bg-'] + .row.full-width[class^='bg-'],
	.row.ml__full-width[class^='ml__bg-'] + .row.full-width[class^='ml__bg-'],
	.row.ml__full-width[class^='ml__bg-'] + .row.ml__full-width[class^='bg-'],
	.row.ml__full-width[class^='ml__bg-'] + .row.ml__full-width[class^='ml__bg-'],
	
	.row.full-width[class^='bg-'] + .row.full-width[class*=' bg-'],
	.row.full-width[class^='bg-'] + .row.full-width[class*=' ml__bg-'],
	.row.full-width[class^='bg-'] + .row.ml__full-width[class*=' bg-'],
	.row.full-width[class^='bg-'] + .row.ml__full-width[class*=' ml__bg-'],
	.row.full-width[class^='ml__bg-'] + .row.full-width[class*=' bg-'],
	.row.full-width[class^='ml__bg-'] + .row.full-width[class*=' ml__bg-'],
	.row.full-width[class^='ml__bg-'] + .row.ml__full-width[class*=' bg-'],
	.row.full-width[class^='ml__bg-'] + .row.ml__full-width[class*=' ml__bg-'],
	.row.ml__full-width[class^='bg-'] + .row.full-width[class*=' bg-'],
	.row.ml__full-width[class^='bg-'] + .row.full-width[class*=' ml__bg-'],
	.row.ml__full-width[class^='bg-'] + .row.ml__full-width[class*=' bg-'],
	.row.ml__full-width[class^='bg-'] + .row.ml__full-width[class*=' ml__bg-'],
	.row.ml__full-width[class^='ml__bg-'] + .row.full-width[class*=' bg-'],
	.row.ml__full-width[class^='ml__bg-'] + .row.full-width[class*=' ml__bg-'],
	.row.ml__full-width[class^='ml__bg-'] + .row.ml__full-width[class*=' bg-'],
	.row.ml__full-width[class^='ml__bg-'] + .row.ml__full-width[class*=' ml__bg-'],

	.row.full-width[class*=' bg-'] + .row.full-width[class^='bg-'],
	.row.full-width[class*=' bg-'] + .row.full-width[class^='ml__bg-'],
	.row.full-width[class*=' bg-'] + .row.ml__full-width[class^='bg-'],
	.row.full-width[class*=' bg-'] + .row.ml__full-width[class^='ml__bg-'],
	.row.full-width[class*=' ml__bg-'] + .row.full-width[class^='bg-'],
	.row.full-width[class*=' ml__bg-'] + .row.full-width[class^='ml__bg-'],
	.row.full-width[class*=' ml__bg-'] + .row.ml__full-width[class^='bg-'],
	.row.full-width[class*=' ml__bg-'] + .row.ml__full-width[class^='ml__bg-'],
	.row.ml__full-width[class*=' bg-'] + .row.full-width[class^='bg-'],
	.row.ml__full-width[class*=' bg-'] + .row.full-width[class^='ml__bg-'],
	.row.ml__full-width[class*=' bg-'] + .row.ml__full-width[class^='bg-'],
	.row.ml__full-width[class*=' bg-'] + .row.ml__full-width[class^='ml__bg-'],
	.row.ml__full-width[class*=' ml__bg-'] + .row.full-width[class^='bg-'],
	.row.ml__full-width[class*=' ml__bg-'] + .row.full-width[class^='ml__bg-'],
	.row.ml__full-width[class*=' ml__bg-'] + .row.ml__full-width[class^='bg-'],
	.row.ml__full-width[class*=' ml__bg-'] + .row.ml__full-width[class^='ml__bg-'],
	
	.row.full-width[class*=' bg-'] + .row.full-width[class*=' bg-'],
	.row.full-width[class*=' bg-'] + .row.full-width[class*=' ml__bg-'],
	.row.full-width[class*=' bg-'] + .row.ml__full-width[class*=' bg-'],
	.row.full-width[class*=' bg-'] + .row.ml__full-width[class*=' ml__bg-'],
	.row.full-width[class*=' ml__bg-'] + .row.full-width[class*=' bg-'],
	.row.full-width[class*=' ml__bg-'] + .row.full-width[class*=' ml__bg-'],
	.row.full-width[class*=' ml__bg-'] + .row.ml__full-width[class*=' bg-'],
	.row.full-width[class*=' ml__bg-'] + .row.ml__full-width[class*=' ml__bg-'],
	.row.ml__full-width[class*=' bg-'] + .row.full-width[class*=' bg-'],
	.row.ml__full-width[class*=' bg-'] + .row.full-width[class*=' ml__bg-'],
	.row.ml__full-width[class*=' bg-'] + .row.ml__full-width[class*=' bg-'],
	.row.ml__full-width[class*=' bg-'] + .row.ml__full-width[class*=' ml__bg-'],
	.row.ml__full-width[class*=' ml__bg-'] + .row.full-width[class*=' bg-'],
	.row.ml__full-width[class*=' ml__bg-'] + .row.full-width[class*=' ml__bg-'],
	.row.ml__full-width[class*=' ml__bg-'] + .row.ml__full-width[class*=' bg-'],
	.row.ml__full-width[class*=' ml__bg-'] + .row.ml__full-width[class*=' ml__bg-'] {
		margin-top: calc(-25px * var(--col-spacing-multiplier));
	}
	
	/*.row:is(.full-width, .ml__full-width):is([class^='bg-'], [class*=' bg-'], [class^='ml__bg-'], [class*=' ml__bg-']) + .row:is(.full-width, .ml__full-width):is([class^='bg-'], [class*=' bg-'], [class^='ml__bg-'], [class*=' ml__bg-']) {
		margin-top: calc(-25px * var(--col-spacing-multiplier));
	}*/
	
	
	
	/* 14.2.10. Full-height rows */
	
	.row.ml__full-height {
		min-height: calc(100vh - var(--header-height) - var(--top-bar-height));
	}
	
	
	
	/* 14.2.11. Positioning */
	
	.ml__absolute {
		position: absolute !important;
	}
	.ml__fixed {
		position: fixed !important;
	}
	.ml__relative {
		position: relative !important;
	}
	.ml__static {
		position: static !important;
	}
	.ml__sticky {
		position: sticky !important;
	}


	.ml__top {
		top:    0px;
		bottom: auto;
	}
	.ml__right {
		right: 0px;
		left:  auto;
	}
	.ml__bottom {
		bottom: 0px;
		top:    auto;
	}
	.ml__left {
		left:  0px;
		right: auto;
	}

	.ml__top-out {
		bottom: 100%;
		top:    auto;
	}
	.ml__right-out {
		left:  100%;
		right: auto;
	}
	.ml__bottom-out {
		top:    100%;
		bottom: auto;
	}
	.ml__left-out {
		right: 100%;
		left:  auto;
	}
	
	
	
	/* 14.2.12. Moving out of the container on the left or right side */
	
	.ml__out-container-left {
		margin-left: calc((var(--container-width) - var(--vw) * 100) / 2 - 25px);
		max-width:   calc(100% + (var(--vw) * 100 - var(--container-width)) / 2 + 25px);
	}
	.ml__out-container-right {
		margin-right: calc((var(--container-width) - var(--vw) * 100) / 2 - 25px);
		max-width:    calc(100% + (var(--vw) * 100 - var(--container-width)) / 2 + 25px);
	}
	
	
	
	/* 14.2.13. Box shadow */
	
	.ml__box-shadow {
		--has-fill-top:    1 !important;
		--has-fill-right:  1 !important;
		--has-fill-bottom: 1 !important;
		--has-fill-left:   1 !important;
		box-shadow:        0px 0px 6.25px 6.25px rgba(0, 0, 0, 0.03);
	}
	
	
	
	/* 14.2.14. Reversing, direction, alignment, and RTL layouts */
	
	.row:not(.reverse):not(.ml__reverse):not(.vertical):not(.ml__vertical) {
		flex-direction:  row;
		justify-content: flex-start;
	}
	.row.reverse:not(.vertical):not(.ml__vertical),
	.row.ml__reverse:not(.vertical):not(.ml__vertical) {
		flex-direction:  row-reverse;
		justify-content: flex-end;
	}
	.row:not(.reverse):not(.ml__reverse).vertical,
	.row:not(.reverse):not(.ml__reverse).ml__vertical {
		flex-direction:  column;
		align-items:     flex-start;
	}
	.row.reverse.vertical,
	.row.reverse.ml__vertical,
	.row.ml__reverse.vertical,
	.row.ml__reverse.ml__vertical {
		flex-direction:  column-reverse;
		align-items:     flex-start;
	}


	.row:not(.reverse):not(.ml__reverse):not(.vertical):not(.ml__vertical).content-left,
	.row:not(.reverse):not(.ml__reverse):not(.vertical):not(.ml__vertical).ml__content-left {
		justify-content: flex-start !important;
	}
	.row.reverse:not(.vertical):not(.ml__vertical).content-left,
	.row.reverse:not(.vertical):not(.ml__vertical).ml__content-left,
	.row.ml__reverse:not(.vertical):not(.ml__vertical).content-left,
	.row.ml__reverse:not(.vertical):not(.ml__vertical).ml__content-left {
		justify-content: flex-end !important;
	}
	.row:not(.reverse):not(.ml__reverse).vertical.content-left,
	.row:not(.reverse):not(.ml__reverse).vertical.ml__content-left,
	.row:not(.reverse):not(.ml__reverse).ml__vertical.content-left,
	.row:not(.reverse):not(.ml__reverse).ml__vertical.ml__content-left {
		align-items: flex-start !important;
	}
	.row.reverse.vertical.content-left,
	.row.reverse.vertical.ml__content-left,
	.row.reverse.ml__vertical.content-left,
	.row.reverse.ml__vertical.ml__content-left,
	.row.ml__reverse.vertical.content-left,
	.row.ml__reverse.vertical.ml__content-left,
	.row.ml__reverse.ml__vertical.content-left,
	.row.ml__reverse.ml__vertical.ml__content-left {
		align-items: flex-start !important;
	}

	.row:not(.vertical):not(.ml__vertical).content-center,
	.row:not(.vertical):not(.ml__vertical).ml__content-center {
		justify-content: center !important;
	}
	.row.vertical.content-center,
	.row.vertical.ml__content-center,
	.row.ml__vertical.content-center,
	.row.ml__vertical.ml__content-center {
		align-items: center !important;
	}

	.row:not(.reverse):not(.ml__reverse):not(.vertical):not(.ml__vertical).content-right,
	.row:not(.reverse):not(.ml__reverse):not(.vertical):not(.ml__vertical).ml__content-right {
		justify-content: flex-end !important;
	}
	.row.reverse:not(.vertical):not(.ml__vertical).content-right,
	.row.reverse:not(.vertical):not(.ml__vertical).ml__content-right,
	.row.ml__reverse:not(.vertical):not(.ml__vertical).content-right,
	.row.ml__reverse:not(.vertical):not(.ml__vertical).ml__content-right {
		justify-content: flex-start !important;
	}
	.row:not(.reverse):not(.ml__reverse).vertical.content-right,
	.row:not(.reverse):not(.ml__reverse).vertical.ml__content-right,
	.row:not(.reverse):not(.ml__reverse).ml__vertical.content-right,
	.row:not(.reverse):not(.ml__reverse).ml__vertical.ml__content-right {
		align-items: flex-end !important;
	}
	.row.reverse.vertical.content-right,
	.row.reverse.vertical.ml__content-right,
	.row.reverse.ml__vertical.content-right,
	.row.reverse.ml__vertical.ml__content-right,
	.row.ml__reverse.vertical.content-right,
	.row.ml__reverse.vertical.ml__content-right,
	.row.ml__reverse.ml__vertical.content-right,
	.row.ml__reverse.ml__vertical.ml__content-right {
		align-items: flex-end !important;
	}


	.row:not(.reverse):not(.ml__reverse):not(.vertical):not(.ml__vertical).items-top,
	.row:not(.reverse):not(.ml__reverse):not(.vertical):not(.ml__vertical).ml__items-top {
		align-items: flex-start !important;
	}
	.row.reverse:not(.vertical):not(.ml__vertical).items-top,
	.row.reverse:not(.vertical):not(.ml__vertical).ml__items-top,
	.row.ml__reverse:not(.vertical):not(.ml__vertical).items-top,
	.row.ml__reverse:not(.vertical):not(.ml__vertical).ml__items-top {
		align-items: flex-start !important;
	}
	.row:not(.reverse):not(.ml__reverse).vertical.items-top,
	.row:not(.reverse):not(.ml__reverse).vertical.ml__items-top,
	.row:not(.reverse):not(.ml__reverse).ml__vertical.items-top,
	.row:not(.reverse):not(.ml__reverse).ml__vertical.ml__items-top {
		justify-content: flex-start !important;
	}
	.row.reverse.vertical.items-top,
	.row.reverse.vertical.ml__items-top,
	.row.reverse.ml__vertical.items-top,
	.row.reverse.ml__vertical.ml__items-top,
	.row.ml__reverse.vertical.items-top,
	.row.ml__reverse.vertical.ml__items-top,
	.row.ml__reverse.ml__vertical.items-top,
	.row.ml__reverse.ml__vertical.ml__items-top {
		justify-content: flex-end !important;
	}

	.row:not(.vertical):not(.ml__vertical).items-center,
	.row:not(.vertical):not(.ml__vertical).ml__items-center {
		align-items: center !important;
	}
	.row.vertical.items-center,
	.row.vertical.ml__items-center,
	.row.ml__vertical.items-center,
	.row.ml__vertical.ml__items-center {
		justify-content: center !important;
	}

	.row:not(.reverse):not(.ml__reverse):not(.vertical):not(.ml__vertical).items-bottom,
	.row:not(.reverse):not(.ml__reverse):not(.vertical):not(.ml__vertical).ml__items-bottom {
		align-items: flex-end !important;
	}
	.row.reverse:not(.vertical):not(.ml__vertical).items-bottom,
	.row.reverse:not(.vertical):not(.ml__vertical).ml__items-bottom,
	.row.ml__reverse:not(.vertical):not(.ml__vertical).items-bottom,
	.row.ml__reverse:not(.vertical):not(.ml__vertical).ml__items-bottom {
		align-items: flex-end !important;
	}
	.row:not(.reverse):not(.ml__reverse).vertical.items-bottom,
	.row:not(.reverse):not(.ml__reverse).vertical.ml__items-bottom,
	.row:not(.reverse):not(.ml__reverse).ml__vertical.items-bottom,
	.row:not(.reverse):not(.ml__reverse).ml__vertical.ml__items-bottom {
		justify-content: flex-end !important;
	}
	.row.reverse.vertical.items-bottom,
	.row.reverse.vertical.ml__items-bottom,
	.row.reverse.ml__vertical.items-bottom,
	.row.reverse.ml__vertical.ml__items-bottom,
	.row.ml__reverse.vertical.items-bottom,
	.row.ml__reverse.vertical.ml__items-bottom,
	.row.ml__reverse.ml__vertical.items-bottom,
	.row.ml__reverse.ml__vertical.ml__items-bottom {
		justify-content: flex-start !important;
	}
	
	.ml__rtl {
		direction: rtl;
	}
	.ml__ltr {
		direction: ltr;
	}
	
	
	
	/* 15.2. Making your layout responsive (additional utility classes) */
	
	.ml__self-stretch {
		align-self: stretch;
	}
	.ml__self-start {
		align-self: flex-start;
	}
	.ml__self-center {
		align-self: center;
	}
	.ml__self-end {
		align-self: flex-end;
	}
	
	
	
	/* 14.2.15. Column widths */
	
	[class*='w-1/ml/']{--a:1}
	[class*='w-2/ml/']{--a:2}
	[class*='w-3/ml/']{--a:3}
	[class*='w-4/ml/']{--a:4}
	[class*='w-5/ml/']{--a:5}
	[class*='w-6/ml/']{--a:6}
	[class*='w-7/ml/']{--a:7}
	[class*='w-8/ml/']{--a:8}
	[class*='w-9/ml/']{--a:9}
	[class*='w-10/ml/']{--a:10}
	[class*='w-11/ml/']{--a:11}
	[class*='w-12/ml/']{--a:12}
	[class*='w-13/ml/']{--a:13}
	[class*='w-14/ml/']{--a:14}
	[class*='w-15/ml/']{--a:15}
	[class*='w-16/ml/']{--a:16}
	[class*='w-17/ml/']{--a:17}
	[class*='w-18/ml/']{--a:18}
	[class*='w-19/ml/']{--a:19}
	[class*='w-20/ml/']{--a:20}
	[class*='w-21/ml/']{--a:21}
	[class*='w-22/ml/']{--a:22}
	[class*='w-23/ml/']{--a:23}
	[class*='w-24/ml/']{--a:24}

	[class*='/ml/1']{--b:1}
	[class*='/ml/2']{--b:2}
	[class*='/ml/3']{--b:3}
	[class*='/ml/4']{--b:4}
	[class*='/ml/5']{--b:5}
	[class*='/ml/6']{--b:6}
	[class*='/ml/7']{--b:7}
	[class*='/ml/8']{--b:8}
	[class*='/ml/9']{--b:9}
	[class*='/ml/10']{--b:10}
	[class*='/ml/11']{--b:11}
	[class*='/ml/12']{--b:12}
	[class*='/ml/13']{--b:13}
	[class*='/ml/14']{--b:14}
	[class*='/ml/15']{--b:15}
	[class*='/ml/16']{--b:16}
	[class*='/ml/17']{--b:17}
	[class*='/ml/18']{--b:18}
	[class*='/ml/19']{--b:19}
	[class*='/ml/20']{--b:20}
	[class*='/ml/21']{--b:21}
	[class*='/ml/22']{--b:22}
	[class*='/ml/23']{--b:23}
	[class*='/ml/24']{--b:24}

	.col[class*='/ml/'] {
		flex-grow:  0;
		flex-basis: calc(var(--a) / var(--b) * 100% - 25px * 2 * var(--col-spacing-multiplier));
		/*width:      calc(var(--a) / var(--b) * 100% - 25px * 2 * var(--col-spacing-multiplier));*/
	}
	.col.ml__w-auto {
		flex-basis: auto;
		/*max-width:  calc(100% - 25px * 2 * var(--col-spacing-multiplier));*/
		flex-grow:  0;
	}
	
	
	
	/* 14.2.16. 100% width or height */
	
	.ml__w100 {
		width: 100% !important;
	}
	.ml__h100 {
		height: 100% !important;
	}
	
	
	
	/* 14.2.17. Z-Index */
	
	.ml__z-1  {--z:1}  .ml__z-2  {--z:2}  .ml__z-3  {--z:3}
	.ml__z-4  {--z:4}  .ml__z-5  {--z:5}  .ml__z-6  {--z:6}
	.ml__z-7  {--z:7}  .ml__z-8  {--z:8}  .ml__z-9  {--z:9}
	.ml__z-10 {--z:10} .ml__z-11 {--z:11} .ml__z-12 {--z:12}
	.ml__z-13 {--z:13} .ml__z-14 {--z:14} .ml__z-15 {--z:15}
	.ml__z-16 {--z:16} .ml__z-17 {--z:17} .ml__z-18 {--z:18}
	.ml__z-19 {--z:19} .ml__z-20 {--z:20} .ml__z-21 {--z:21}
	.ml__z-22 {--z:22} .ml__z-23 {--z:23} .ml__z-24 {--z:24}
	.ml__z-25 {--z:25} .ml__z-26 {--z:26} .ml__z-27 {--z:27}
	.ml__z-28 {--z:28} .ml__z-29 {--z:29} .ml__z-30 {--z:30}
	.ml__z-31 {--z:31} .ml__z-32 {--z:32} .ml__z-33 {--z:33}
	.ml__z-34 {--z:34} .ml__z-35 {--z:35} .ml__z-36 {--z:36}
	.ml__z-37 {--z:37} .ml__z-38 {--z:38} .ml__z-39 {--z:39}
	.ml__z-40 {--z:40} .ml__z-41 {--z:41} .ml__z-42 {--z:42}
	.ml__z-43 {--z:43} .ml__z-44 {--z:44} .ml__z-45 {--z:45}
	.ml__z-46 {--z:46} .ml__z-47 {--z:47} .ml__z-48 {--z:48}

	[class^='ml__z-'], [class*=' ml__z-'] {
		z-index:  var(--z);
		position: relative;
	}
	
	
	
	/* 14.2.18. Hiding elements */
	
	.ml__hide {
		display: none !important;
	}
	.ml__invisible {
		visibility: hidden !important;
	}
	
	
	
	/* 14.2.19. Preventing user interaction */

	.ml__no-pointer-events {
		pointer-events: none !important;
	}
	
	
	
	/* 15.2. Making your layout responsive (additional utility classes) */
	
	.ml__obj-contain {
		object-fit: contain;
	}
	.ml__obj-cover {
		object-fit: cover;
	}
	
	
	
	/* 17. Creating a top bar (additional utility classes) */
	
	.ml__icon {
		width:         1em;
		height:        1em;
		object-fit:    contain;
		border-radius: 0px;
	}
}

/* MP - Mobile (portrait) */
@media (max-width: 575.98px) {
	:root {
		--top-bar-height: 0px;
	}
	
	.container {
		--container-width: calc(100 * var(--vw));
	}
	
	body {
		font-size: 16px;
	}
	
	#top-bar {
		display: none;
	}
	
	
	/* 14.2.1. Headings */
	
	.mp__h1, .mp__h2, .mp__h3, .mp__h4, .mp__h5, .mp__h6 {
		font-family:   Arial;
		font-weight:   700;
		line-height:   1.2em;
	}
	.mp__h1:not(:first-child), .mp__h2:not(:first-child), .mp__h3:not(:first-child), .mp__h4:not(:first-child), .mp__h5:not(:first-child), .mp__h6:not(:first-child) {
		margin-top: 37.5px;
	}
	.mp__h1:not(:last-child), .mp__h2:not(:last-child), .mp__h3:not(:last-child), .mp__h4:not(:last-child), .mp__h5:not(:last-child), .mp__h6:not(:last-child) {
		margin-bottom: 25px;
	}

	h1, .h1, .mp__h1 {
		font-size: 25px;
	}
	h2, .h2, .mp__h2 {
		font-size: 23px;
	}
	h3, .h3, .mp__h3 {
		font-size: 21px;
	}
	h4, .h4, .mp__h4 {
		font-size: 19px;
	}
	h5, .h5, .mp__h5 {
		font-size: 17.5px;
	}
	h6, .h6, .mp__h6 {
		font-size: 16px;
	}
	
	
	/* 14.2.2. Dialogs */
	
	dialog:not(#_) :is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) {
		--border-radius-depth: 2;
	}
	dialog:not(#_) :is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) :is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) {
		--border-radius-depth: 3;
	}
	dialog:not(#_) :is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) :is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) :is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) {
		--border-radius-depth: 4;
	}
	dialog:not(#_) :is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) :is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) :is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) :is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) {
		--border-radius-depth: 5;
	}
	
	
	
	/* 14.2.3. Color schemes */
	
	.mp__color-scheme-dark {
		--accent-color:                       var(--dark__accent-color);
		--hyperlink-color:                    var(--dark__hyperlink-color);
		--field-color:                        var(--dark__field-color);
		--field-background-color:             var(--dark__field-background-color);
		--field-border-color:                 var(--dark__field-border-color);
		--checkbox-check-url:                 var(--dark__checkbox-check-url);
		--selectbox-caret-url:                var(--dark__selectbox-caret-url);
		--option-color:                       var(--dark__option-color);
		--option-background-color:            var(--dark__option-background-color);
		--button-color:                       var(--dark__button-color);
		--button-background-color:            var(--dark__button-background-color);
		--button-border-color:                var(--dark__button-border-color);
		--blockquote-decoration-color:        var(--dark__blockquote-decoration-color);
		--code-background-color:              var(--dark__code-background-color);
		--kbd-background-color:               var(--dark__kbd-background-color);
		--table-border-color:                 var(--dark__table-border-color);
		--table-header-cell-background-color: var(--dark__table-header-cell-background-color);
		--table-header-cell-text-color:       var(--dark__table-header-cell-text-color);
		--table-data-cell-background-color:   var(--dark__table-data-cell-background-color);
		--table-data-cell-text-color:         var(--dark__table-data-cell-text-color);
		--table-footer-cell-background-color: var(--dark__table-footer-cell-background-color);
		--table-footer-cell-text-color:       var(--dark__table-footer-cell-text-color);
		--txt-color:                          var(--dark__txt-color);
	}
	.mp__color-scheme-light {
		--accent-color:                       var(--light__accent-color);
		--hyperlink-color:                    var(--light__hyperlink-color);
		--field-color:                        var(--light__field-color);
		--field-background-color:             var(--light__field-background-color);
		--field-border-color:                 var(--light__field-border-color);
		--checkbox-check-url:                 var(--light__checkbox-check-url);
		--selectbox-caret-url:                var(--light__selectbox-caret-url);
		--option-color:                       var(--light__option-color);
		--option-background-color:            var(--light__option-background-color);
		--button-color:                       var(--light__button-color);
		--button-background-color:            var(--light__button-background-color);
		--button-border-color:                var(--light__button-border-color);
		--blockquote-decoration-color:        var(--light__blockquote-decoration-color);
		--code-background-color:              var(--light__code-background-color);
		--kbd-background-color:               var(--light__kbd-background-color);
		--table-border-color:                 var(--light__table-border-color);
		--table-header-cell-background-color: var(--light__table-header-cell-background-color);
		--table-header-cell-text-color:       var(--light__table-header-cell-text-color);
		--table-data-cell-background-color:   var(--light__table-data-cell-background-color);
		--table-data-cell-text-color:         var(--light__table-data-cell-text-color);
		--table-footer-cell-background-color: var(--light__table-footer-cell-background-color);
		--table-footer-cell-text-color:       var(--light__table-footer-cell-text-color);
		--txt-color:                          var(--light__txt-color);
	}
	[class^='mp__txt-'],
	[class*=' mp__txt-'],
	.mp__color-scheme-dark,
	.mp__color-scheme-light {
		color: var(--txt-color) !important;
	}
	
	.row[class^='bg-']:not(.full-width):not(.mp__full-width),
	.row[class^='mp__bg-']:not(.full-width):not(.mp__full-width),
	.row[class*=' bg-']:not(.full-width):not(.mp__full-width),
	.row[class*=' mp__bg-']:not(.full-width):not(.mp__full-width),
	.row.box-shadow:not(.full-width):not(.mp__full-width),
	.row.mp__box-shadow:not(.full-width):not(.mp__full-width) {
		border-radius: calc(25px / var(--border-radius-depth));
	}
	
	
	
	/* 14.2.4. Text colors, background colors, and border colors */
	
	.mp__txt-black {
		--txt-color: var(--black);
	}
	.mp__txt-darker-blue {
		--txt-color: var(--darker-blue);
	}
	.mp__txt-dark-blue {
		--txt-color: var(--dark-blue);
	}
	.mp__txt-light-blue {
		--txt-color: var(--light-blue);
	}
	.mp__txt-lighter-blue {
		--txt-color: var(--lighter-blue);
	}
	.mp__txt-gray {
		--txt-color: var(--gray);
	}
	.mp__txt-light-gray {
		--txt-color: var(--light-gray);
	}
	.mp__txt-lighter-gray {
		--txt-color: var(--lighter-gray);
	}
	.mp__txt-off-white {
		--txt-color: var(--off-white);
	}
	.mp__txt-white {
		--txt-color: var(--white);
	}

	.mp__bg-black {
		--bg-color: var(--black);
	}
	.mp__bg-darker-blue {
		--bg-color: var(--darker-blue);
	}
	.mp__bg-dark-blue {
		--bg-color: var(--dark-blue);
	}
	.mp__bg-light-blue {
		--bg-color: var(--light-blue);
	}
	.mp__bg-lighter-blue {
		--bg-color: var(--lighter-blue);
	}
	.mp__bg-gray {
		--bg-color: var(--gray);
	}
	.mp__bg-light-gray {
		--bg-color: var(--light-gray);
	}
	.mp__bg-lighter-gray {
		--bg-color: var(--lighter-gray);
	}
	.mp__bg-off-white {
		--bg-color: var(--off-white);
	}
	.mp__bg-white {
		--bg-color: var(--white);
	}

	.mp__bor-black {
		--bor-color: var(--black);
	}
	.mp__bor-darker-blue {
		--bor-color: var(--darker-blue);
	}
	.mp__bor-dark-blue {
		--bor-color: var(--dark-blue);
	}
	.mp__bor-light-blue {
		--bor-color: var(--light-blue);
	}
	.mp__bor-lighter-blue {
		--bor-color: var(--lighter-blue);
	}
	.mp__bor-gray {
		--bor-color: var(--gray);
	}
	.mp__bor-light-gray {
		--bor-color: var(--light-gray);
	}
	.mp__bor-lighter-gray {
		--bor-color: var(--lighter-gray);
	}
	.mp__bor-off-white {
		--bor-color: var(--off-white);
	}
	.mp__bor-white {
		--bor-color: var(--white);
	}

	.mp__txt-black-hover:hover {
		--txt-color: var(--black);
	}
	.mp__txt-darker-blue-hover:hover {
		--txt-color: var(--darker-blue);
	}
	.mp__txt-dark-blue-hover:hover {
		--txt-color: var(--dark-blue);
	}
	.mp__txt-light-blue-hover:hover {
		--txt-color: var(--light-blue);
	}
	.mp__txt-lighter-blue-hover:hover {
		--txt-color: var(--lighter-blue);
	}
	.mp__txt-gray-hover:hover {
		--txt-color: var(--gray);
	}
	.mp__txt-light-gray-hover:hover {
		--txt-color: var(--light-gray);
	}
	.mp__txt-lighter-gray-hover:hover {
		--txt-color: var(--lighter-gray);
	}
	.mp__txt-off-white-hover:hover {
		--txt-color: var(--off-white);
	}
	.mp__txt-white-hover:hover {
		--txt-color: var(--white);
	}

	.mp__bg-black-hover:hover {
		--bg-color: var(--black);
	}
	.mp__bg-darker-blue-hover:hover {
		--bg-color: var(--darker-blue);
	}
	.mp__bg-dark-blue-hover:hover {
		--bg-color: var(--dark-blue);
	}
	.mp__bg-light-blue-hover:hover {
		--bg-color: var(--light-blue);
	}
	.mp__bg-lighter-blue-hover:hover {
		--bg-color: var(--lighter-blue);
	}
	.mp__bg-gray-hover:hover {
		--bg-color: var(--gray);
	}
	.mp__bg-light-gray-hover:hover {
		--bg-color: var(--light-gray);
	}
	.mp__bg-lighter-gray-hover:hover {
		--bg-color: var(--lighter-gray);
	}
	.mp__bg-off-white-hover:hover {
		--bg-color: var(--off-white);
	}
	.mp__bg-white-hover:hover {
		--bg-color: var(--white);
	}

	.mp__bor-black-hover:hover {
		--bor-color: var(--black);
	}
	.mp__bor-darker-blue-hover:hover {
		--bor-color: var(--darker-blue);
	}
	.mp__bor-dark-blue-hover:hover {
		--bor-color: var(--dark-blue);
	}
	.mp__bor-light-blue-hover:hover {
		--bor-color: var(--light-blue);
	}
	.mp__bor-lighter-blue-hover:hover {
		--bor-color: var(--lighter-blue);
	}
	.mp__bor-gray-hover:hover {
		--bor-color: var(--gray);
	}
	.mp__bor-light-gray-hover:hover {
		--bor-color: var(--light-gray);
	}
	.mp__bor-lighter-gray-hover:hover {
		--bor-color: var(--lighter-gray);
	}
	.mp__bor-off-white-hover:hover {
		--bor-color: var(--off-white);
	}
	.mp__bor-white-hover:hover {
		--bor-color: var(--white);
	}
	
	[class^='mp__bor-'],
	[class*=' mp__bor-'] {
		border-color: var(--bor-color) !important;
	}

	[class^='mp__bg-'],
	[class*=' mp__bg-'] {
		--has-fill-top:    1 !important;
		--has-fill-right:  1 !important;
		--has-fill-bottom: 1 !important;
		--has-fill-left:   1 !important;
		background-color:  var(--bg-color) !important;
	}
	
	
	
	/* 14.2.5. Border radius depth */
	
	:is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) :is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) {
		--border-radius-depth: 1;
	}
	:is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) :is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) :is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) {
		--border-radius-depth: 2;
	}
	:is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) :is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) :is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) :is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) {
		--border-radius-depth: 3;
	}
	:is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) :is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) :is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) :is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) :is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) {
		--border-radius-depth: 4;
	}
	:is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) :is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) :is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) :is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) :is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) :is([class^='bg-'], [class^='mp__bg-'], [class*=' bg-'], [class*=' mp__bg-'], img, .border, .mp__border, .border-top.border-left, .border-top.mp__border-left, .mp__border-top.border-left, .mp__border-top.mp__border-left, .border-top.border-right, .border-top.mp__border-right, .mp__border-top.border-right, .mp__border-top.mp__border-right, .border-bottom.border-left, .border-bottom.mp__border-left, .mp__border-bottom.border-left, .mp__border-bottom.mp__border-left, .border-bottom.border-right, .border-bottom.mp__border-right, .mp__border-bottom.border-right, .mp__border-bottom.mp__border-right, .box-shadow, .mp__box-shadow):not(.full-width):not(.mp__full-width) {
		--border-radius-depth: 5;
	}
	
	.border:not(.full-width):not(.mp__full-width),
	.mp__border:not(.full-width):not(.mp__full-width),
	.border-top.border-left:not(.full-width):not(.mp__full-width),
	.border-top.mp__border-left:not(.full-width):not(.mp__full-width),
	.mp__border-top.border-left:not(.full-width):not(.mp__full-width),
	.mp__border-top.mp__border-left:not(.full-width):not(.mp__full-width) {
		border-top-left-radius: calc(25px / var(--border-radius-depth));
	}
	.border:not(.full-width):not(.mp__full-width),
	.mp__border:not(.full-width):not(.mp__full-width),
	.border-top.border-right:not(.full-width):not(.mp__full-width),
	.border-top.mp__border-right:not(.full-width):not(.mp__full-width),
	.mp__border-top.border-right:not(.full-width):not(.mp__full-width),
	.mp__border-top.mp__border-right:not(.full-width):not(.mp__full-width) {
		border-top-right-radius: calc(25px / var(--border-radius-depth));
	}
	.border:not(.full-width):not(.mp__full-width),
	.mp__border:not(.full-width):not(.mp__full-width),
	.border-bottom.border-left:not(.full-width):not(.mp__full-width),
	.border-bottom.mp__border-left:not(.full-width):not(.mp__full-width),
	.mp__border-bottom.border-left:not(.full-width):not(.mp__full-width),
	.mp__border-bottom.mp__border-left:not(.full-width):not(.mp__full-width) {
		border-bottom-left-radius: calc(25px / var(--border-radius-depth));
	}
	.border:not(.full-width):not(.mp__full-width),
	.mp__border:not(.full-width):not(.mp__full-width),
	.border-bottom.border-right:not(.full-width):not(.mp__full-width),
	.border-bottom.mp__border-right:not(.full-width):not(.mp__full-width),
	.mp__border-bottom.border-right:not(.full-width):not(.mp__full-width),
	.mp__border-bottom.mp__border-right:not(.full-width):not(.mp__full-width) {
		border-bottom-right-radius: calc(25px / var(--border-radius-depth));
	}
	
	.row[class^='bg-']:not(.full-width):not(.mp__full-width),
	.row[class^='mp__bg-']:not(.full-width):not(.mp__full-width),
	.row[class*=' bg-']:not(.full-width):not(.mp__full-width),
	.row[class*=' mp__bg-']:not(.full-width):not(.mp__full-width),
	.col[class^='bg-'],
	.col[class^='mp__bg-'],
	.col[class*=' bg-'],
	.col[class*=' mp__bg-'],
	.row.box-shadow:not(.full-width):not(.mp__full-width),
	.row.mp__box-shadow:not(.full-width):not(.mp__full-width),
	.col.box-shadow,
	.col.mp__box-shadow {
		border-radius: calc(25px / var(--border-radius-depth));
	}
	
	
	
	/* 14.2.6. Spacing for filled rows or columns */
	
	.row[class^='mp__bg-'] + .row,
	.row[class*=' mp__bg-'] + .row,
	.row.mp__border + .row,
	.row.mp__border-bottom + .row,
	.row.mp__box-shadow + .row {
		margin-top: calc(25px * 2 * var(--col-spacing-multiplier));
	}

	:not(.row):not(.col) + .row[class^='mp__bg-'],
	:not(.row):not(.col) + .row[class*=' mp__bg-'],
	:not(.row):not(.col) + .row.mp__border,
	:not(.row):not(.col) + .row.mp__border-top,
	:not(.row):not(.col) + .row.mp__box-shadow {
		margin-top: max(12.5px, calc(25px * 2 * var(--col-spacing-multiplier)));
	}

	.row[class^='mp__bg-'] + :not(.row):not(.col),
	.row[class*=' mp__bg-'] + :not(.row):not(.col),
	.row.mp__border + :not(.row):not(.col),
	.row.mp__border-bottom + :not(.row):not(.col),
	.row.mp__box-shadow + :not(.row):not(.col) {
		margin-top: max(12.5px, calc(25px * var(--col-spacing-multiplier)));
	}
	
	
	
	/* 14.2.7. Simple text-related utility classes */
	
	.mp__no-txt-decor {
		text-decoration: none;
	}


	.mp__uppercase {
		text-transform: uppercase;
	}
	.mp__lowercase {
		text-transform: lowercase;
	}
	.mp__capitalize {
		text-transform: capitalize;
	}


	.mp__txt-left {
		text-align: left;
	}
	.mp__txt-center {
		text-align: center;
	}
	.mp__txt-right {
		text-align: right;
	}
	
	
	
	/* 14.2.8. Borders, border radiuses, margins, and paddings */
	
	.mp__border:not(.row), .mp__border-top:not(.row) {
		--has-fill-top:   1 !important;
		border-top-width: 1.5px;
		border-top-style: solid;
	}
	.mp__border:not(.row), .mp__border-right:not(.row) {
		--has-fill-right:   1 !important;
		border-right-width: 1.5px;
		border-right-style: solid;
	}
	.mp__border:not(.row), .mp__border-bottom:not(.row) {
		--has-fill-bottom:   1 !important;
		border-bottom-width: 1.5px;
		border-bottom-style: solid;
	}
	.mp__border:not(.row), .mp__border-left:not(.row) {
		--has-fill-left:   1 !important;
		border-left-width: 1.5px;
		border-left-style: solid;
	}

	.row.mp__border,
	.row.mp__border-top {
		--has-fill-top:    1 !important;
		padding-top:       calc(50px * var(--col-spacing-multiplier));
	}
	.row.mp__border,
	.row.mp__border-right {
		--has-fill-right:  1 !important;
		padding-right:     calc(25px * var(--col-spacing-multiplier));
	}
	.row.mp__border,
	.row.mp__border-bottom {
		--has-fill-bottom: 1 !important;
		padding-bottom:    calc(25px * var(--col-spacing-multiplier));
	}
	.row.mp__border,
	.row.mp__border-left {
		--has-fill-left: 1 !important;
		padding-left:    calc(25px * var(--col-spacing-multiplier));
	}

	.row.mp__border::before,
	.row.mp__border-top::before {
		--has-fill-top:     1;
		border-top-width:   1.5px;
		border-top-style:   solid;
	}
	.row.mp__border::before,
	.row.mp__border-right::before {
		--has-fill-right:     1;
		border-right-width:   1.5px;
		border-right-style:   solid;
	}
	.row.mp__border::before,
	.row.mp__border-bottom::before {
		--has-fill-bottom:     1;
		border-bottom-width:   1.5px;
		border-bottom-style:   solid;
	}
	.row.mp__border::before,
	.row.mp__border-left::before {
		--has-fill-left:     1;
		border-left-width:   1.5px;
		border-left-style:   solid;
	}


	.mp__border-solid:not(.row), .mp__border-top-solid:not(.row) {
		border-top-style: solid;
	}
	.mp__border-solid:not(.row), .mp__border-right-solid:not(.row) {
		border-right-style: solid;
	}
	.mp__border-solid:not(.row), .mp__border-bottom-solid:not(.row) {
		border-bottom-style: solid;
	}
	.mp__border-solid:not(.row), .mp__border-left-solid:not(.row) {
		border-left-style: solid;
	}

	.row.mp__border-solid::before, .row.mp__border-top-solid::before {
		border-top-style: solid;
	}
	.row.mp__border-solid::before, .row.mp__border-right-solid::before {
		border-right-style: solid;
	}
	.row.mp__border-solid::before, .row.mp__border-bottom-solid::before {
		border-bottom-style: solid;
	}
	.row.mp__border-solid::before, .row.mp__border-left-solid::before {
		border-left-style: solid;
	}


	.mp__border-dashed:not(.row), .mp__border-top-dashed:not(.row) {
		border-top-style: dashed;
	}
	.mp__border-dashed:not(.row), .mp__border-right-dashed:not(.row) {
		border-right-style: dashed;
	}
	.mp__border-dashed:not(.row), .mp__border-bottom-dashed:not(.row) {
		border-bottom-style: dashed;
	}
	.mp__border-dashed:not(.row), .mp__border-left-dashed:not(.row) {
		border-left-style: dashed;
	}

	.row.mp__border-dashed::before, .row.mp__border-top-dashed::before {
		border-top-style: dashed;
	}
	.row.mp__border-dashed::before, .row.mp__border-right-dashed::before {
		border-right-style: dashed;
	}
	.row.mp__border-dashed::before, .row.mp__border-bottom-dashed::before {
		border-bottom-style: dashed;
	}
	.row.mp__border-dashed::before, .row.mp__border-left-dashed::before {
		border-left-style: dashed;
	}


	.mp__border-dotted:not(.row), .mp__border-top-dotted:not(.row) {
		border-top-style: dotted;
	}
	.mp__border-dotted:not(.row), .mp__border-right-dotted:not(.row) {
		border-right-style: dotted;
	}
	.mp__border-dotted:not(.row), .mp__border-bottom-dotted:not(.row) {
		border-bottom-style: dotted;
	}
	.mp__border-dotted:not(.row), .mp__border-left-dotted:not(.row) {
		border-left-style: dotted;
	}

	.row.mp__border-dotted::before, .row.mp__border-top-dotted::before {
		border-top-style: dotted;
	}
	.row.mp__border-dotted::before, .row.mp__border-right-dotted::before {
		border-right-style: dotted;
	}
	.row.mp__border-dotted::before, .row.mp__border-bottom-dotted::before {
		border-bottom-style: dotted;
	}
	.row.mp__border-dotted::before, .row.mp__border-left-dotted::before {
		border-left-style: dotted;
	}


	.mp__border-rad-0,
	.mp__border-rad-top-right-0 {
		border-top-right-radius: 0px !important;
	}
	.mp__border-rad-0,
	.mp__border-rad-bottom-right-0 {
		border-bottom-right-radius: 0px !important;
	}
	.mp__border-rad-0,
	.mp__border-rad-bottom-left-0 {
		border-bottom-left-radius: 0px !important;
	}
	.mp__border-rad-0,
	.mp__border-rad-top-left-0 {
		border-top-left-radius: 0px !important;
	}

	.mp__border-rad-1,
	.mp__border-rad-top-right-1 {
		border-top-right-radius: 25px !important;
	}
	.mp__border-rad-1,
	.mp__border-rad-bottom-right-1 {
		border-bottom-right-radius: 25px !important;
	}
	.mp__border-rad-1,
	.mp__border-rad-bottom-left-1 {
		border-bottom-left-radius: 25px !important;
	}
	.mp__border-rad-1,
	.mp__border-rad-top-left-1 {
		border-top-left-radius: 25px !important;
	}

	.mp__border-rad-2,
	.mp__border-rad-top-right-2 {
		border-top-right-radius: calc(25px / 2) !important;
	}
	.mp__border-rad-2,
	.mp__border-rad-bottom-right-2 {
		border-bottom-right-radius: calc(25px / 2) !important;
	}
	.mp__border-rad-2,
	.mp__border-rad-bottom-left-2 {
		border-bottom-left-radius: calc(25px / 2) !important;
	}
	.mp__border-rad-2,
	.mp__border-rad-top-left-2 {
		border-top-left-radius: calc(25px / 2) !important;
	}

	.mp__border-rad-3,
	.mp__border-rad-top-right-3 {
		border-top-right-radius: calc(25px / 3) !important;
	}
	.mp__border-rad-3,
	.mp__border-rad-bottom-right-3 {
		border-bottom-right-radius: calc(25px / 3) !important;
	}
	.mp__border-rad-3,
	.mp__border-rad-bottom-left-3 {
		border-bottom-left-radius: calc(25px / 3) !important;
	}
	.mp__border-rad-3,
	.mp__border-rad-top-left-3 {
		border-top-left-radius: calc(25px / 3) !important;
	}

	.mp__border-rad-4,
	.mp__border-rad-top-right-4 {
		border-top-right-radius: calc(25px / 4) !important;
	}
	.mp__border-rad-4,
	.mp__border-rad-bottom-right-4 {
		border-bottom-right-radius: calc(25px / 4) !important;
	}
	.mp__border-rad-4,
	.mp__border-rad-bottom-left-4 {
		border-bottom-left-radius: calc(25px / 4) !important;
	}
	.mp__border-rad-4,
	.mp__border-rad-top-left-4 {
		border-top-left-radius: calc(25px / 4) !important;
	}

	.mp__border-rad-5,
	.mp__border-rad-top-right-5 {
		border-top-right-radius: calc(25px / 5) !important;
	}
	.mp__border-rad-5,
	.mp__border-rad-bottom-right-5 {
		border-bottom-right-radius: calc(25px / 5) !important;
	}
	.mp__border-rad-5,
	.mp__border-rad-bottom-left-5 {
		border-bottom-left-radius: calc(25px / 5) !important;
	}
	.mp__border-rad-5,
	.mp__border-rad-top-left-5 {
		border-top-left-radius: calc(25px / 5) !important;
	}



	.mp__mar-auto, .mp__mar-top-auto {
		margin-top: auto !important;
	}
	.mp__mar-auto, .mp__mar-right-auto {
		margin-right: auto !important;
	}
	.mp__mar-auto, .mp__mar-bottom-auto {
		margin-bottom: auto !important;
	}
	.mp__mar-auto, .mp__mar-left-auto {
		margin-left: auto !important;
	}

	.mp__mar-0,
	.mp__mar-top-0 {
		margin-top: 0px !important;
	}
	.mp__mar-0,
	.mp__mar-right-0 {
		margin-right: 0px !important;
	}
	.mp__mar-0,
	.mp__mar-bottom-0 {
		margin-bottom: 0px !important;
	}
	.mp__mar-0,
	.mp__mar-left-0 {
		margin-left: 0px !important;
	}

	.mp__mar-1,
	.mp__mar-top-1 {
		margin-top: 50px !important;
	}
	.mp__mar-1,
	.mp__mar-right-1 {
		margin-right: 50px !important;
	}
	.mp__mar-1,
	.mp__mar-bottom-1 {
		margin-bottom: 50px !important;
	}
	.mp__mar-1,
	.mp__mar-left-1 {
		margin-left: 50px !important;
	}

	.mp__mar-2,
	.mp__mar-top-2 {
		margin-top: 25px !important;
	}
	.mp__mar-2,
	.mp__mar-right-2 {
		margin-right: 25px !important;
	}
	.mp__mar-2,
	.mp__mar-bottom-2 {
		margin-bottom: 25px !important;
	}
	.mp__mar-2,
	.mp__mar-left-2 {
		margin-left: 25px !important;
	}

	.mp__mar-3,
	.mp__mar-top-3 {
		margin-top: 12.5px !important;
	}
	.mp__mar-3,
	.mp__mar-right-3 {
		margin-right: 12.5px !important;
	}
	.mp__mar-3,
	.mp__mar-bottom-3 {
		margin-bottom: 12.5px !important;
	}
	.mp__mar-3,
	.mp__mar-left-3 {
		margin-left: 12.5px !important;
	}

	.mp__mar-4,
	.mp__mar-top-4 {
		margin-top: 6.25px !important;
	}
	.mp__mar-4,
	.mp__mar-right-4 {
		margin-right: 6.25px !important;
	}
	.mp__mar-4,
	.mp__mar-bottom-4 {
		margin-bottom: 6.25px !important;
	}
	.mp__mar-4,
	.mp__mar-left-4 {
		margin-left: 6.25px !important;
	}


	.mp__mar-n1,
	.mp__mar-top-n1 {
		margin-top: -50px !important;
	}
	.mp__mar-n1,
	.mp__mar-right-n1 {
		margin-right: -50px !important;
	}
	.mp__mar-n1,
	.mp__mar-bottom-n1 {
		margin-bottom: -50px !important;
	}
	.mp__mar-n1,
	.mp__mar-left-n1 {
		margin-left: -50px !important;
	}

	.mp__mar-n2,
	.mp__mar-top-n2 {
		margin-top: -25px !important;
	}
	.mp__mar-n2,
	.mp__mar-right-n2 {
		margin-right: -25px !important;
	}
	.mp__mar-n2,
	.mp__mar-bottom-n2 {
		margin-bottom: -25px !important;
	}
	.mp__mar-n2,
	.mp__mar-left-n2 {
		margin-left: -25px !important;
	}

	.mp__mar-n3,
	.mp__mar-top-n3 {
		margin-top: -12.5px !important;
	}
	.mp__mar-n3,
	.mp__mar-right-n3 {
		margin-right: -12.5px !important;
	}
	.mp__mar-n3,
	.mp__mar-bottom-n3 {
		margin-bottom: -12.5px !important;
	}
	.mp__mar-n3,
	.mp__mar-left-n3 {
		margin-left: -12.5px !important;
	}

	.mp__mar-n4,
	.mp__mar-top-n4 {
		margin-top: -6.25px !important;
	}
	.mp__mar-n4,
	.mp__mar-right-n4 {
		margin-right: -6.25px !important;
	}
	.mp__mar-n4,
	.mp__mar-bottom-n4 {
		margin-bottom: -6.25px !important;
	}
	.mp__mar-n4,
	.mp__mar-left-n4 {
		margin-left: -6.25px !important;
	}


	.mp__pad-0,
	.mp__pad-top-0 {
		padding-top: 0px !important;
	}
	.mp__pad-0,
	.mp__pad-right-0 {
		padding-right: 0px !important;
	}
	.mp__pad-0,
	.mp__pad-bottom-0 {
		padding-bottom: 0px !important;
	}
	.mp__pad-0,
	.mp__pad-left-0 {
		padding-left: 0px !important;
	}

	.mp__pad-1,
	.mp__pad-top-1 {
		padding-top: 50px !important;
	}
	.mp__pad-1,
	.mp__pad-right-1 {
		padding-right: 50px !important;
	}
	.mp__pad-1,
	.mp__pad-bottom-1 {
		padding-bottom: 50px !important;
	}
	.mp__pad-1,
	.mp__pad-left-1 {
		padding-left: 50px !important;
	}

	.mp__pad-2,
	.mp__pad-top-2 {
		padding-top: 25px !important;
	}
	.mp__pad-2,
	.mp__pad-right-2 {
		padding-right: 25px !important;
	}
	.mp__pad-2,
	.mp__pad-bottom-2 {
		padding-bottom: 25px !important;
	}
	.mp__pad-2,
	.mp__pad-left-2 {
		padding-left: 25px !important;
	}

	.mp__pad-3,
	.mp__pad-top-3 {
		padding-top: 12.5px !important;
	}
	.mp__pad-3,
	.mp__pad-right-3 {
		padding-right: 12.5px !important;
	}
	.mp__pad-3,
	.mp__pad-bottom-3 {
		padding-bottom: 12.5px !important;
	}
	.mp__pad-3,
	.mp__pad-left-3 {
		padding-left: 12.5px !important;
	}

	.mp__pad-4,
	.mp__pad-top-4 {
		padding-top: 6.25px !important;
	}
	.mp__pad-4,
	.mp__pad-right-4 {
		padding-right: 6.25px !important;
	}
	.mp__pad-4,
	.mp__pad-bottom-4 {
		padding-bottom: 6.25px !important;
	}
	.mp__pad-4,
	.mp__pad-left-4 {
		padding-left: 6.25px !important;
	}
	
	
	
	/* 14.2.9. Full-width rows */
	
	.row.mp__full-width {
		margin-left:   calc(50% - 50 * var(--vw));
		margin-right:  calc(50% - 50 * var(--vw));
	}
	.row.full-width.mp__content-in-container,
	.row.mp__full-width.content-in-container,
	.row.mp__full-width.mp__content-in-container {
		padding-left:  calc(50 * var(--vw) - 50% - 25px * var(--col-spacing-multiplier));
		padding-right: calc(50 * var(--vw) - 50% - 25px * var(--col-spacing-multiplier));
	}
	main > article > .container > .row.mp__full-width:first-child {
		margin-top: calc(-50px * var(--has-fill-top));
	}
	
	.row.full-width[class^='bg-'] + .row.full-width[class^='bg-'],
	.row.full-width[class^='bg-'] + .row.full-width[class^='mp__bg-'],
	.row.full-width[class^='bg-'] + .row.mp__full-width[class^='bg-'],
	.row.full-width[class^='bg-'] + .row.mp__full-width[class^='mp__bg-'],
	.row.full-width[class^='mp__bg-'] + .row.full-width[class^='bg-'],
	.row.full-width[class^='mp__bg-'] + .row.full-width[class^='mp__bg-'],
	.row.full-width[class^='mp__bg-'] + .row.mp__full-width[class^='bg-'],
	.row.full-width[class^='mp__bg-'] + .row.mp__full-width[class^='mp__bg-'],
	.row.mp__full-width[class^='bg-'] + .row.full-width[class^='bg-'],
	.row.mp__full-width[class^='bg-'] + .row.full-width[class^='mp__bg-'],
	.row.mp__full-width[class^='bg-'] + .row.mp__full-width[class^='bg-'],
	.row.mp__full-width[class^='bg-'] + .row.mp__full-width[class^='mp__bg-'],
	.row.mp__full-width[class^='mp__bg-'] + .row.full-width[class^='bg-'],
	.row.mp__full-width[class^='mp__bg-'] + .row.full-width[class^='mp__bg-'],
	.row.mp__full-width[class^='mp__bg-'] + .row.mp__full-width[class^='bg-'],
	.row.mp__full-width[class^='mp__bg-'] + .row.mp__full-width[class^='mp__bg-'],
	
	.row.full-width[class^='bg-'] + .row.full-width[class*=' bg-'],
	.row.full-width[class^='bg-'] + .row.full-width[class*=' mp__bg-'],
	.row.full-width[class^='bg-'] + .row.mp__full-width[class*=' bg-'],
	.row.full-width[class^='bg-'] + .row.mp__full-width[class*=' mp__bg-'],
	.row.full-width[class^='mp__bg-'] + .row.full-width[class*=' bg-'],
	.row.full-width[class^='mp__bg-'] + .row.full-width[class*=' mp__bg-'],
	.row.full-width[class^='mp__bg-'] + .row.mp__full-width[class*=' bg-'],
	.row.full-width[class^='mp__bg-'] + .row.mp__full-width[class*=' mp__bg-'],
	.row.mp__full-width[class^='bg-'] + .row.full-width[class*=' bg-'],
	.row.mp__full-width[class^='bg-'] + .row.full-width[class*=' mp__bg-'],
	.row.mp__full-width[class^='bg-'] + .row.mp__full-width[class*=' bg-'],
	.row.mp__full-width[class^='bg-'] + .row.mp__full-width[class*=' mp__bg-'],
	.row.mp__full-width[class^='mp__bg-'] + .row.full-width[class*=' bg-'],
	.row.mp__full-width[class^='mp__bg-'] + .row.full-width[class*=' mp__bg-'],
	.row.mp__full-width[class^='mp__bg-'] + .row.mp__full-width[class*=' bg-'],
	.row.mp__full-width[class^='mp__bg-'] + .row.mp__full-width[class*=' mp__bg-'],

	.row.full-width[class*=' bg-'] + .row.full-width[class^='bg-'],
	.row.full-width[class*=' bg-'] + .row.full-width[class^='mp__bg-'],
	.row.full-width[class*=' bg-'] + .row.mp__full-width[class^='bg-'],
	.row.full-width[class*=' bg-'] + .row.mp__full-width[class^='mp__bg-'],
	.row.full-width[class*=' mp__bg-'] + .row.full-width[class^='bg-'],
	.row.full-width[class*=' mp__bg-'] + .row.full-width[class^='mp__bg-'],
	.row.full-width[class*=' mp__bg-'] + .row.mp__full-width[class^='bg-'],
	.row.full-width[class*=' mp__bg-'] + .row.mp__full-width[class^='mp__bg-'],
	.row.mp__full-width[class*=' bg-'] + .row.full-width[class^='bg-'],
	.row.mp__full-width[class*=' bg-'] + .row.full-width[class^='mp__bg-'],
	.row.mp__full-width[class*=' bg-'] + .row.mp__full-width[class^='bg-'],
	.row.mp__full-width[class*=' bg-'] + .row.mp__full-width[class^='mp__bg-'],
	.row.mp__full-width[class*=' mp__bg-'] + .row.full-width[class^='bg-'],
	.row.mp__full-width[class*=' mp__bg-'] + .row.full-width[class^='mp__bg-'],
	.row.mp__full-width[class*=' mp__bg-'] + .row.mp__full-width[class^='bg-'],
	.row.mp__full-width[class*=' mp__bg-'] + .row.mp__full-width[class^='mp__bg-'],
	
	.row.full-width[class*=' bg-'] + .row.full-width[class*=' bg-'],
	.row.full-width[class*=' bg-'] + .row.full-width[class*=' mp__bg-'],
	.row.full-width[class*=' bg-'] + .row.mp__full-width[class*=' bg-'],
	.row.full-width[class*=' bg-'] + .row.mp__full-width[class*=' mp__bg-'],
	.row.full-width[class*=' mp__bg-'] + .row.full-width[class*=' bg-'],
	.row.full-width[class*=' mp__bg-'] + .row.full-width[class*=' mp__bg-'],
	.row.full-width[class*=' mp__bg-'] + .row.mp__full-width[class*=' bg-'],
	.row.full-width[class*=' mp__bg-'] + .row.mp__full-width[class*=' mp__bg-'],
	.row.mp__full-width[class*=' bg-'] + .row.full-width[class*=' bg-'],
	.row.mp__full-width[class*=' bg-'] + .row.full-width[class*=' mp__bg-'],
	.row.mp__full-width[class*=' bg-'] + .row.mp__full-width[class*=' bg-'],
	.row.mp__full-width[class*=' bg-'] + .row.mp__full-width[class*=' mp__bg-'],
	.row.mp__full-width[class*=' mp__bg-'] + .row.full-width[class*=' bg-'],
	.row.mp__full-width[class*=' mp__bg-'] + .row.full-width[class*=' mp__bg-'],
	.row.mp__full-width[class*=' mp__bg-'] + .row.mp__full-width[class*=' bg-'],
	.row.mp__full-width[class*=' mp__bg-'] + .row.mp__full-width[class*=' mp__bg-'] {
		margin-top: calc(-25px * var(--col-spacing-multiplier));
	}
	
	/*.row:is(.full-width, .mp__full-width):is([class^='bg-'], [class*=' bg-'], [class^='mp__bg-'], [class*=' mp__bg-']) + .row:is(.full-width, .mp__full-width):is([class^='bg-'], [class*=' bg-'], [class^='mp__bg-'], [class*=' mp__bg-']) {
		margin-top: calc(-25px * var(--col-spacing-multiplier));
	}*/
	
	
	
	/* 14.2.10. Full-height rows */
	
	.row.mp__full-height {
		min-height: calc(100vh - var(--header-height) - var(--top-bar-height));
	}
	
	
	
	/* 14.2.11. Positioning */
	
	.mp__absolute {
		position: absolute !important;
	}
	.mp__fixed {
		position: fixed !important;
	}
	.mp__relative {
		position: relative !important;
	}
	.mp__static {
		position: static !important;
	}
	.mp__sticky {
		position: sticky !important;
	}


	.mp__top {
		top:    0px;
		bottom: auto;
	}
	.mp__right {
		right: 0px;
		left:  auto;
	}
	.mp__bottom {
		bottom: 0px;
		top:    auto;
	}
	.mp__left {
		left:  0px;
		right: auto;
	}

	.mp__top-out {
		bottom: 100%;
		top:    auto;
	}
	.mp__right-out {
		left:  100%;
		right: auto;
	}
	.mp__bottom-out {
		top:    100%;
		bottom: auto;
	}
	.mp__left-out {
		right: 100%;
		left:  auto;
	}
	
	
	
	/* 14.2.12. Moving out of the container on the left or right side */
	
	.mp__out-container-left {
		margin-left: calc((var(--container-width) - var(--vw) * 100) / 2 - 25px);
		max-width:   calc(100% + (var(--vw) * 100 - var(--container-width)) / 2 + 25px);
	}
	.mp__out-container-right {
		margin-right: calc((var(--container-width) - var(--vw) * 100) / 2 - 25px);
		max-width:    calc(100% + (var(--vw) * 100 - var(--container-width)) / 2 + 25px);
	}
	
	
	
	/* 14.2.13. Box shadow */
	
	.mp__box-shadow {
		--has-fill-top:    1 !important;
		--has-fill-right:  1 !important;
		--has-fill-bottom: 1 !important;
		--has-fill-left:   1 !important;
		box-shadow:        0px 0px 6.25px 6.25px rgba(0, 0, 0, 0.03);
	}
	
	
	
	/* 14.2.14. Reversing, direction, alignment, and RTL layouts */
	
	.row:not(.reverse):not(.mp__reverse):not(.vertical):not(.mp__vertical) {
		flex-direction:  row;
		justify-content: flex-start;
	}
	.row.reverse:not(.vertical):not(.mp__vertical),
	.row.mp__reverse:not(.vertical):not(.mp__vertical) {
		flex-direction:  row-reverse;
		justify-content: flex-end;
	}
	.row:not(.reverse):not(.mp__reverse).vertical,
	.row:not(.reverse):not(.mp__reverse).mp__vertical {
		flex-direction:  column;
		align-items:     flex-start;
	}
	.row.reverse.vertical,
	.row.reverse.mp__vertical,
	.row.mp__reverse.vertical,
	.row.mp__reverse.mp__vertical {
		flex-direction:  column-reverse;
		align-items:     flex-start;
	}


	.row:not(.reverse):not(.mp__reverse):not(.vertical):not(.mp__vertical).content-left,
	.row:not(.reverse):not(.mp__reverse):not(.vertical):not(.mp__vertical).mp__content-left {
		justify-content: flex-start !important;
	}
	.row.reverse:not(.vertical):not(.mp__vertical).content-left,
	.row.reverse:not(.vertical):not(.mp__vertical).mp__content-left,
	.row.mp__reverse:not(.vertical):not(.mp__vertical).content-left,
	.row.mp__reverse:not(.vertical):not(.mp__vertical).mp__content-left {
		justify-content: flex-end !important;
	}
	.row:not(.reverse):not(.mp__reverse).vertical.content-left,
	.row:not(.reverse):not(.mp__reverse).vertical.mp__content-left,
	.row:not(.reverse):not(.mp__reverse).mp__vertical.content-left,
	.row:not(.reverse):not(.mp__reverse).mp__vertical.mp__content-left {
		align-items: flex-start !important;
	}
	.row.reverse.vertical.content-left,
	.row.reverse.vertical.mp__content-left,
	.row.reverse.mp__vertical.content-left,
	.row.reverse.mp__vertical.mp__content-left,
	.row.mp__reverse.vertical.content-left,
	.row.mp__reverse.vertical.mp__content-left,
	.row.mp__reverse.mp__vertical.content-left,
	.row.mp__reverse.mp__vertical.mp__content-left {
		align-items: flex-start !important;
	}

	.row:not(.vertical):not(.mp__vertical).content-center,
	.row:not(.vertical):not(.mp__vertical).mp__content-center {
		justify-content: center !important;
	}
	.row.vertical.content-center,
	.row.vertical.mp__content-center,
	.row.mp__vertical.content-center,
	.row.mp__vertical.mp__content-center {
		align-items: center !important;
	}

	.row:not(.reverse):not(.mp__reverse):not(.vertical):not(.mp__vertical).content-right,
	.row:not(.reverse):not(.mp__reverse):not(.vertical):not(.mp__vertical).mp__content-right {
		justify-content: flex-end !important;
	}
	.row.reverse:not(.vertical):not(.mp__vertical).content-right,
	.row.reverse:not(.vertical):not(.mp__vertical).mp__content-right,
	.row.mp__reverse:not(.vertical):not(.mp__vertical).content-right,
	.row.mp__reverse:not(.vertical):not(.mp__vertical).mp__content-right {
		justify-content: flex-start !important;
	}
	.row:not(.reverse):not(.mp__reverse).vertical.content-right,
	.row:not(.reverse):not(.mp__reverse).vertical.mp__content-right,
	.row:not(.reverse):not(.mp__reverse).mp__vertical.content-right,
	.row:not(.reverse):not(.mp__reverse).mp__vertical.mp__content-right {
		align-items: flex-end !important;
	}
	.row.reverse.vertical.content-right,
	.row.reverse.vertical.mp__content-right,
	.row.reverse.mp__vertical.content-right,
	.row.reverse.mp__vertical.mp__content-right,
	.row.mp__reverse.vertical.content-right,
	.row.mp__reverse.vertical.mp__content-right,
	.row.mp__reverse.mp__vertical.content-right,
	.row.mp__reverse.mp__vertical.mp__content-right {
		align-items: flex-end !important;
	}


	.row:not(.reverse):not(.mp__reverse):not(.vertical):not(.mp__vertical).items-top,
	.row:not(.reverse):not(.mp__reverse):not(.vertical):not(.mp__vertical).mp__items-top {
		align-items: flex-start !important;
	}
	.row.reverse:not(.vertical):not(.mp__vertical).items-top,
	.row.reverse:not(.vertical):not(.mp__vertical).mp__items-top,
	.row.mp__reverse:not(.vertical):not(.mp__vertical).items-top,
	.row.mp__reverse:not(.vertical):not(.mp__vertical).mp__items-top {
		align-items: flex-start !important;
	}
	.row:not(.reverse):not(.mp__reverse).vertical.items-top,
	.row:not(.reverse):not(.mp__reverse).vertical.mp__items-top,
	.row:not(.reverse):not(.mp__reverse).mp__vertical.items-top,
	.row:not(.reverse):not(.mp__reverse).mp__vertical.mp__items-top {
		justify-content: flex-start !important;
	}
	.row.reverse.vertical.items-top,
	.row.reverse.vertical.mp__items-top,
	.row.reverse.mp__vertical.items-top,
	.row.reverse.mp__vertical.mp__items-top,
	.row.mp__reverse.vertical.items-top,
	.row.mp__reverse.vertical.mp__items-top,
	.row.mp__reverse.mp__vertical.items-top,
	.row.mp__reverse.mp__vertical.mp__items-top {
		justify-content: flex-end !important;
	}

	.row:not(.vertical):not(.mp__vertical).items-center,
	.row:not(.vertical):not(.mp__vertical).mp__items-center {
		align-items: center !important;
	}
	.row.vertical.items-center,
	.row.vertical.mp__items-center,
	.row.mp__vertical.items-center,
	.row.mp__vertical.mp__items-center {
		justify-content: center !important;
	}

	.row:not(.reverse):not(.mp__reverse):not(.vertical):not(.mp__vertical).items-bottom,
	.row:not(.reverse):not(.mp__reverse):not(.vertical):not(.mp__vertical).mp__items-bottom {
		align-items: flex-end !important;
	}
	.row.reverse:not(.vertical):not(.mp__vertical).items-bottom,
	.row.reverse:not(.vertical):not(.mp__vertical).mp__items-bottom,
	.row.mp__reverse:not(.vertical):not(.mp__vertical).items-bottom,
	.row.mp__reverse:not(.vertical):not(.mp__vertical).mp__items-bottom {
		align-items: flex-end !important;
	}
	.row:not(.reverse):not(.mp__reverse).vertical.items-bottom,
	.row:not(.reverse):not(.mp__reverse).vertical.mp__items-bottom,
	.row:not(.reverse):not(.mp__reverse).mp__vertical.items-bottom,
	.row:not(.reverse):not(.mp__reverse).mp__vertical.mp__items-bottom {
		justify-content: flex-end !important;
	}
	.row.reverse.vertical.items-bottom,
	.row.reverse.vertical.mp__items-bottom,
	.row.reverse.mp__vertical.items-bottom,
	.row.reverse.mp__vertical.mp__items-bottom,
	.row.mp__reverse.vertical.items-bottom,
	.row.mp__reverse.vertical.mp__items-bottom,
	.row.mp__reverse.mp__vertical.items-bottom,
	.row.mp__reverse.mp__vertical.mp__items-bottom {
		justify-content: flex-start !important;
	}
	
	.mp__rtl {
		direction: rtl;
	}
	.mp__ltr {
		direction: ltr;
	}
	
	
	
	/* 15.2. Making your layout responsive (additional utility classes) */
	
	.mp__self-stretch {
		align-self: stretch;
	}
	.mp__self-start {
		align-self: flex-start;
	}
	.mp__self-center {
		align-self: center;
	}
	.mp__self-end {
		align-self: flex-end;
	}
	
	
	
	/* 14.2.15. Column widths */
	
	[class*='w-1/mp/']{--a:1}
	[class*='w-2/mp/']{--a:2}
	[class*='w-3/mp/']{--a:3}
	[class*='w-4/mp/']{--a:4}
	[class*='w-5/mp/']{--a:5}
	[class*='w-6/mp/']{--a:6}
	[class*='w-7/mp/']{--a:7}
	[class*='w-8/mp/']{--a:8}
	[class*='w-9/mp/']{--a:9}
	[class*='w-10/mp/']{--a:10}
	[class*='w-11/mp/']{--a:11}
	[class*='w-12/mp/']{--a:12}
	[class*='w-13/mp/']{--a:13}
	[class*='w-14/mp/']{--a:14}
	[class*='w-15/mp/']{--a:15}
	[class*='w-16/mp/']{--a:16}
	[class*='w-17/mp/']{--a:17}
	[class*='w-18/mp/']{--a:18}
	[class*='w-19/mp/']{--a:19}
	[class*='w-20/mp/']{--a:20}
	[class*='w-21/mp/']{--a:21}
	[class*='w-22/mp/']{--a:22}
	[class*='w-23/mp/']{--a:23}
	[class*='w-24/mp/']{--a:24}

	[class*='/mp/1']{--b:1}
	[class*='/mp/2']{--b:2}
	[class*='/mp/3']{--b:3}
	[class*='/mp/4']{--b:4}
	[class*='/mp/5']{--b:5}
	[class*='/mp/6']{--b:6}
	[class*='/mp/7']{--b:7}
	[class*='/mp/8']{--b:8}
	[class*='/mp/9']{--b:9}
	[class*='/mp/10']{--b:10}
	[class*='/mp/11']{--b:11}
	[class*='/mp/12']{--b:12}
	[class*='/mp/13']{--b:13}
	[class*='/mp/14']{--b:14}
	[class*='/mp/15']{--b:15}
	[class*='/mp/16']{--b:16}
	[class*='/mp/17']{--b:17}
	[class*='/mp/18']{--b:18}
	[class*='/mp/19']{--b:19}
	[class*='/mp/20']{--b:20}
	[class*='/mp/21']{--b:21}
	[class*='/mp/22']{--b:22}
	[class*='/mp/23']{--b:23}
	[class*='/mp/24']{--b:24}

	.col[class*='/mp/'] {
		flex-grow:  0;
		flex-basis: calc(var(--a) / var(--b) * 100% - 25px * 2 * var(--col-spacing-multiplier));
		/*width:      calc(var(--a) / var(--b) * 100% - 25px * 2 * var(--col-spacing-multiplier));*/
	}
	.col.mp__w-auto {
		flex-basis: auto;
		/*max-width:  calc(100% - 25px * 2 * var(--col-spacing-multiplier));*/
		flex-grow:  0;
	}
	
	
	
	/* 14.2.16. 100% width or height */
	
	.mp__w100 {
		width: 100% !important;
	}
	.mp__h100 {
		height: 100% !important;
	}
	
	
	
	/* 14.2.17. Z-Index */
	
	.mp__z-1  {--z:1}  .mp__z-2  {--z:2}  .mp__z-3  {--z:3}
	.mp__z-4  {--z:4}  .mp__z-5  {--z:5}  .mp__z-6  {--z:6}
	.mp__z-7  {--z:7}  .mp__z-8  {--z:8}  .mp__z-9  {--z:9}
	.mp__z-10 {--z:10} .mp__z-11 {--z:11} .mp__z-12 {--z:12}
	.mp__z-13 {--z:13} .mp__z-14 {--z:14} .mp__z-15 {--z:15}
	.mp__z-16 {--z:16} .mp__z-17 {--z:17} .mp__z-18 {--z:18}
	.mp__z-19 {--z:19} .mp__z-20 {--z:20} .mp__z-21 {--z:21}
	.mp__z-22 {--z:22} .mp__z-23 {--z:23} .mp__z-24 {--z:24}
	.mp__z-25 {--z:25} .mp__z-26 {--z:26} .mp__z-27 {--z:27}
	.mp__z-28 {--z:28} .mp__z-29 {--z:29} .mp__z-30 {--z:30}
	.mp__z-31 {--z:31} .mp__z-32 {--z:32} .mp__z-33 {--z:33}
	.mp__z-34 {--z:34} .mp__z-35 {--z:35} .mp__z-36 {--z:36}
	.mp__z-37 {--z:37} .mp__z-38 {--z:38} .mp__z-39 {--z:39}
	.mp__z-40 {--z:40} .mp__z-41 {--z:41} .mp__z-42 {--z:42}
	.mp__z-43 {--z:43} .mp__z-44 {--z:44} .mp__z-45 {--z:45}
	.mp__z-46 {--z:46} .mp__z-47 {--z:47} .mp__z-48 {--z:48}

	[class^='mp__z-'], [class*=' mp__z-'] {
		z-index:  var(--z);
		position: relative;
	}
	
	
	
	/* 14.2.18. Hiding elements */
	
	.mp__hide {
		display: none !important;
	}
	.mp__invisible {
		visibility: hidden !important;
	}
	
	
	
	/* 14.2.19. Preventing user interaction */

	.mp__no-pointer-events {
		pointer-events: none !important;
	}
	
	
	
	/* 15.2. Making your layout responsive (additional utility classes) */
	
	.mp__obj-contain {
		object-fit: contain;
	}
	.mp__obj-cover {
		object-fit: cover;
	}
	
	
	
	/* 17. Creating a top bar (additional utility classes) */
	
	.mp__icon {
		width:         1em;
		height:        1em;
		object-fit:    contain;
		border-radius: 0px;
	}
}


.row {
	--has-fill-top:    0;
	--has-fill-right:  0;
	--has-fill-bottom: 0;
	--has-fill-left:   0;
	
	display:        flex;
	flex-wrap:      wrap;
	flex-direction: row;
	align-items:    flex-start;
	
	position:       relative;
	
	margin-top:     calc(25px * var(--col-spacing-multiplier));
	margin-bottom:  calc(25px * var(--has-fill-bottom) * var(--col-spacing-multiplier));
	
	margin-right:   calc((-25px + 25px * var(--has-fill-right)) * var(--col-spacing-multiplier));
	margin-left:    calc((-25px + 25px * var(--has-fill-left)) * var(--col-spacing-multiplier));
	
	padding-top:    calc(25px * 2 * var(--has-fill-top) * var(--col-spacing-multiplier));
	padding-left:   calc(25px * var(--has-fill-left) * var(--col-spacing-multiplier));
	padding-right:  calc(25px * var(--has-fill-right) * var(--col-spacing-multiplier));
	padding-bottom: calc(25px * var(--has-fill-bottom) * var(--col-spacing-multiplier));
	
	--col-spacing-multiplier: 1;
}

.row::before {
	--col-spacing-multiplier: 1;
	
	--has-fill-top:           0;
	--has-fill-right:         0;
	--has-fill-bottom:        0;
	--has-fill-left:          0;
	
	border-top-width:         0px;
	border-right-width:       0px;
	border-bottom-width:      0px;
	border-left-width:        0px;
	
	border-color:             inherit;
	
	content:                  '';
	display:                  block;
	pointer-events:           none;
	position:                 absolute;
	top:                      0px;
	left:                     calc(
								max(
									25px
									*
									(
										max(
											var(--has-fill-top),
											var(--has-fill-bottom)
										)
										-
										var(--has-fill-left)
									),
									0px
								)
								*
								var(--col-spacing-multiplier)
                              );
	width:                    calc(
	                            100%
								-
								(
									(
										(
											max(
												25px
												*
												(
													max(
														var(--has-fill-top),
														var(--has-fill-bottom)
													)
													-
													var(--has-fill-left)
												),
												0px
											)
										)
										*
										var(--col-spacing-multiplier)
									)
									+
									(
										(
											max(
												25px
												*
												(
													max(
														var(--has-fill-top),
														var(--has-fill-bottom)
													)
													-
													var(--has-fill-right)
												),
												0px
											)
										)
										*
										var(--col-spacing-multiplier)
									)
								)
	                          );
	height:                   calc(
								100%
								+
								(
									-25px
									+
									25px
									*
									var(--has-fill-bottom)
								)
								*
								var(--col-spacing-multiplier)
							  );
	box-sizing:               border-box;
}

.row:not(.ignore-nesting) .row:not(.ignore-nesting) {
	--col-spacing-multiplier: 0.5;
}
.row:not(.ignore-nesting) .row:not(.ignore-nesting)::before {
	--col-spacing-multiplier: 0.5;
}
.row:not(.ignore-nesting) .row:not(.ignore-nesting) .row:not(.ignore-nesting) {
	--col-spacing-multiplier: 0.25;
}
.row:not(.ignore-nesting) .row:not(.ignore-nesting) .row:not(.ignore-nesting)::before {
	--col-spacing-multiplier: 0.25;
}

.row:first-child {
	margin-top: 0px;
}
.row:last-child {
	margin-bottom: calc((-25px + 25px * var(--has-fill-bottom)) * var(--col-spacing-multiplier));
}

.col {
	--has-fill-top:    0;
	--has-fill-right:  0;
	--has-fill-bottom: 0;
	--has-fill-left:   0;
	flex-basis:    0px;
	flex-grow:     1;
	
	position:      relative;
	
	margin-left:   calc(25px * var(--col-spacing-multiplier));
	margin-right:  calc(25px * var(--col-spacing-multiplier));
	margin-bottom: calc(25px * var(--col-spacing-multiplier));
	max-width:     calc(100% - 50px * var(--col-spacing-multiplier));
	padding:       calc(25px * 2 * var(--has-fill-top) * var(--col-spacing-multiplier))
	               calc(25px * 2 * var(--has-fill-right) * var(--col-spacing-multiplier))
	               calc(25px * 2 * var(--has-fill-bottom) * var(--col-spacing-multiplier))
	               calc(25px * 2 * var(--has-fill-left) * var(--col-spacing-multiplier));
}