* {margin: 0; padding: 0; outline: 0;}

*, *::before, *::after {box-sizing: border-box;}

.letter{
	animation: anim 5s ease infinite alternate-reverse ;
}
@keyframes anim {
	0%{border-top:0px}
	50%{border-top:30px solid transparent;}
	100%{border-top:0px;}
}

/*   =====================   B A S E   =====================   */

.css {font-size: 10px; line-height: 12; white-space: normal; --space: 3.4em;}
.css button, sup, sub {font-size: inherit;}

.word .space {width: var(--space);margin-left: -.1em;margin-right: -.1em;} /*   C O M P E N S A T E   I N L I N E   */
.css a, .css u {margin-right: var(--space);}
a + .word > .period:only-child, a + .word > .comma:only-child, 
u + .word > .period:only-child, u + .word > .comma:only-child
{margin-left: calc(1em - var(--space));}

#css article p {font-size: 1.0rem;}
#css article.space > *, .compare > * {width: calc(100% - 1.5rem)}
#css article.space > * + *, .compare > * + * {margin-left: 3rem}

.word {height: auto;}
.word, .word > * {display: inline-block;}
.word > * {text-align: left; direction: ltr !important; text-indent: 0 !important; flex-grow: 0; flex-shrink: 0; vertical-align: middle;} /*   F I R E F O X   */
/*
.css > :last-child, .word > * + :last-child, .css > * :last-child, .letter:last-of-type {margin-right: 0;} 
.css > *:first-child > :first-child, .css > * :first-child, .letter:first-of-type {margin-left: 0;} */

.word:only-child, .css > * .word:last-child {margin-right: 0;}
/*.word > :last-of-type div { margin-right: 0;}
.word > :first-of-type, .word > :first-of-type div {margin-left: 0;}*/ 

/*   =====================   W E I G H T S   =====================   */

.css, .bold .symbol, .bold .sign[class*=registered],
.bold .sign[class*=mark], .bold .sign[class*=copy], .bold [class*=arrow][class*=circ], 
.bold .digit[class*=circ], 
.bold sup .digit, .bold.sups .digit, .bold .digit[class*=sups], 
.bold sub .digit, .bold.subs .digit, .bold .digit[class*=subs], 
.bold.frac .digit, .bold [class*=frac] .digit, .bold .frac[class*=frac],
.bold .at, .bold .hash, .bold .tilde,

.bold.ordn .digit ~ .a, .bold.ordn .digit ~ .d, .bold.ordn .digit ~ .e, .bold.ordn .digit ~ .h, 
.bold.ordn .digit ~ .n, .bold.ordn .digit ~ .o, .bold.ordn .digit ~ .r, .bold.ordn .digit ~ .s, .bold.ordn .digit ~ .t, 
.bold .ordfeminine, .bold .ordmasculine, .bold .erordn, .bold .dordn, .bold .eordn, .bold .stordn, .bold .ndordn, .bold .rdordn, .bold .thordn,
.bold .Euro .equal, .bold .Yen .equal, .bold .Rupee .equal, .bold .Naira .equal,
.bold .Dollar .bar, .bold .cent .bar, .bold .Cedi .bar, .bold .Guarani .bar, .bold .Baht .bar
{--border: .9em;}
.thin.css
{--border: .3em;}
.light.css
{--border: .6em;}
.bold.css
{--border: 1.2em;}

.css div, .css ::before, .css ::after {border-width: var(--border);}

/*   =====================   D I S P L A Y   =====================   */

.word > div span {display: block;}
.digit[class*=roma] > *, .sign[class*=quote] > *, .letter[class*=liga] > *, 
.slash, 
.digit, .zero, .one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .oneroma, 
.letter, .A, .B, .C, .D, .E, .F, .G, .H, .I, .J, .K, .L, .M, .N, .O, .P, .Q, .R, .S, .T, .U, .V, .W, .X, .Y, .Z, 
.a, .b, .c, .d, .e, .f, .g, .h, .i, .j, .k, .l, .m, .n, .o, .p, .q, .r, .s, .t, .u, .v, .w, .x, .y, .z,
.symbol.map > *
{display: inline-block;}

/*   =====================   P R E S E R V E   3 D   =====================   */

.css div::before, .css div::after, .css div ::before, .css div ::after {transform-style: preserve-3d;}
.comma, .exclamdown, .question, .questiondown, .grave, .acute, .circumflex, .dieresis, .ring, .hungarumlaut, .cedilla, .caron, .tilde, .macron, .breve, .dotaccent,
.periodcentered, .bullet, .openbullet, .triangle, .trianglebullet, .section, .dot, .infinity,
.ampersand, .textitalic .I, .delta .o, .florin > *,
[class^=arrow], [class^=nine], [class^=brac], .pencil, .attachment, .location, .tag, .heart, .star, .spark, .droplet, .checkmark, .cube, .cube > *,
.less, .more, .slash, .backslash, .guillemotright, .guilsinglright, .forward, .prohibited,
.Lambda .V, .Nabla .Delta 
{transform-style: preserve-3d;}

.word:empty {height: 0;}
.letter *, .digit *, .sign *, .symbol *, #map .sign, .one .bar, .four .bar {margin: 0 !important;}
.word .ampersand:only-child {margin-right: 1.1em !important; margin-left: .5em !important;}

/*   =====================   C O N T E N T   =====================   */

.equal::before, .equal::after, .minus::before, .ring::before, .bullet::before, .openbullet::before, .trianglebullet::before, .underscore::before, .bracketleft::before, .bracketright::before, .bar::before, .quote::before, .quotedbl::before, .logicalnot::after, .macron::after, .hyphen::after, .figuredash::after, .endash::after, .emdash::after, .dagger::before, .dagger::after, .daggerdbl::before, .daggerdbl::after, .ogonek::after, .comma::before, .period::before, .exclamation::before, .hash::before, .hash::after, .dollaroldstyle::before, .dollaroldstyle::after, .ampersand::before, .ampersand::after, .parenleft::after, .parenright::after, .asterisk::before, .asterisk::after, .plus::before, .plus::after, .comma::after, .slash::after, .backslash::after, .one .bar::after, .one::after, .zero::before, .zero::after, .two::after, .two .figuredash::before, .three::before, .three::after, .four .bar::after, .four::after, .five::before, .five::after, .seven::before, .six::before, .six::after, .eight::before, .eight::after, .nine::before, .nine::after, .colon::before, .colon::after, .semicolon::before, .less::after, .more::after, .equivalent::before, .equivalent::after, [class^=not]::after, .question::before, .question::after, .at::before, .at::after, .A::before, .A::after, .B::before, .B::after, .C::before, .D::before, .Eth::before, .E::before, .E::after, .Schwa::before, .Schwa::after, .F::before, .F::after, .G::before, .G::after, .H::before, .H::after, .I::before, .I::after, .J::before, .K::before, .K .bar::after, .L::before, .M::before, .M::after, .M .bar::after, .N::before, .O::before, .P::before, .P::after, .Q::before, .Omega::before, .Omega::after, .Q::after, .R::before, .R::after, .S::before, .S::after, .T::before, .T::after, .U::before, .V::before, .V::after, .X::before, .X .slash::before, .X::after, .Y::before, .Y::after, .Z::before, .caron::after, .breve::after, .Sterling::before, .Sterling::after, .currency::after, .brokenbar::before, .brokenbar::after, .section::before, .section::after, .dieresis::before, .dieresis::after, .copyright::after, .a::before, .a::after, .b::before, .b::after, .c::before, .d::before, .d::after, .e::before, .e::after, .schwa::before, .schwa::after, .f::before, .f::after, .g::before, .g::after, .h::before, .h::after, .j::before, .j::after, .dotlessj::before, .k::before, .k .bar::after, .l::before, .l::after, .m::before, .m::after, .n::before, .n::after, .o::before, .p::before, .p::after, .q::before, .q::after, .r::before, .r::after, .thorn::before, .thorn::after, .s::before, .s::after, .t::after, .u::before, .u::after, .v::before, .v::after, [class*=salt] .y::before, .y::after, .z .Z::after, .tilde .endash::before, .smile::before, .smile::after, .frown::before, .frown::after, .infinity::before, .infinity::after, .guillemotleft::before, .guillemotleft::after, .micro::before, .micro::after, .paragraph::before, .paragraph::after, .cedilla::before, .cedilla::after, .twoinferior::before, .twoinferior::after, .guillemotright::before, .guillemotright::after, .fraction::after, .per::after, .multiply::before, .multiply::after, .divide::before, .divide::after, .estimated::before, .estimated::after, .arrowleft::before, .arrowleft::after, .arrowright::before, .arrowright::after, .oneinferior::before, .oneinferior::after, .threeinferior::before, .threeinferior::after, .fourinferior::before, .fourinferior::after, .AE::before, .AE::after, .Eth::after, .Thorn::before, .Thorn::after, [class*=dbls]::before, [class*=dbls]::after, .beta::before, .beta::after, .i::before, .i::after, .dotlessi::before, .dotlessi::after, .eth::before, .eth::after, .Euro::after, [class^=arrow]::before, [class^=arrow]::after, .star::before, .star::after, .heart::before, .heart::after, .Lslash::after, .lslash::after, .grave::after, .acute::after, .hungarumlaut::before, .hungarumlaut::after, .Oslash::after, .oslash::after, .circumflex::before, .circumflex::after, .caron::before, .caron::after, .alpha::before, .alpha::after, .ellipsis::before, .ellipsis::after, .Bitcoin::before, .Sigma::before, .Sigma::after, .numero .o::after, .similar::before, .similar::after, .Delta::before, .Delta::after, .dotlessj::after, .Tbar::after, .Eng::after, .letter[class*=bar]::after, .longs::after, .pi::before, .pi::after, .oneroma::before, .oneroma::after, .guilsinglleft::after, .guilsinglright::after, .partialdiff::before, .partialdiff::after, [class*=onum] .seven::after, .integral::before, .integral::after, .delta::before, .radical::before, .radical::after, .g .o::after, .triangleup::after, .triangleright::after, .triangledown::after, .triangleleft::after, .triangle::before, .triangle::after, .droplet::before, .droplet::after, .envelope::after, .highvoltage::before, .highvoltage::after, .location::before, .location::after, [class*=textalign]::before, [class*=textalign]::after, .diameter::after, .reply::before, .reply::after, .forward::before, .forward::after, .video::before, .video::after, .attachment .bar::after, .pencil .emdash::before, .search::before, .search::after, .clock::before, .clock::after, [class*=clock] .circle::after, .tag::before, .tag::after, .bookmark::after, .bookmark::before, .receiver::after, .chat::before, .chat::after, .send::before, .send::after, .globe::before, .globe::after, .eye::before, .eye::after, .prohibited::after, .noentry::after, .house::before, .house::after, .document::before, .document::after, .bookblck::after, .camera::before, .camera::after, .leaf::before, .leaf::after, .user::before, .user::after, .tooltip::before, .tooltip::after, .tooltipblck .tooltip::after, .pausecirc::after, .textarea::before, .textarea::after, .textstrikethrough::after, [class*=strk]::after, .checkmark::after, .profile::before, .profile::after, .hamburger::after, [class*=spark] .square::before, [class*=spark] .square::after, .cloud::before, .cloud::after, .cube::after, .triangleleftcirc::after, .trianglerightcirc::after, .macro::before, .macro::after, .phoneon::before, .phoneon::after, .degree::before, .gamma::after, .registered::before, .circle::before, .epsilon::before, .epsilon::after, .brace::after, .css a[href]:hover::after, .css ins::after, .css u::after, .a .finial::after, .loremipsum::after
{content: "";}

/*   =====================   D O T S   =====================   */

.period::before, .comma::before, .colon::before, .colon::after, .semicolon::before, .ellipsis::before, .ellipsis::after, .divide::before, .divide::after
{border-width: calc((var(--border) / 2) + .3em);}

.dieresis::before, .dieresis::after 
{border-width: calc((var(--border) / 2) + .2em);}

.period, .comma, .commaaccent, .commabelow, .quoteleft, .quoteright, .quotesinglbase, .colon, .semicolon, .dotaccent, .periodcentered {
	width: calc(((var(--border) / 2) + .3em) * 2);
}
.sign.period, .sign.comma, .sign.commaaccent, .sign.commabelow, .sign.quoteleft, .sign.quoteright, .sign.quotesinglbase, .sign.colon, .sign.semicolon, .sign.dotaccent, .sign.periodcentered {
	min-width: 1.3em;
}

/*   =====================   B O L D   =====================   */

.bold .degree::before, .bold .ring::before, .bold .openbullet::before,
.bold .letter[class*=slash]::after, .bold .letter[class*=bar]::after,
.bold .sign.slash::after, .bold .sign.backslash::after, .bold .percent .slash::after, .bold .perthousand .slash::after,
.bold .fraction::after, .bold .per::after, .bold .brokenbar::before, .bold .brokenbar::after, .bold .notdef, 
.bold .quote, .bold .quotedbl, .bold .eth .slash::after, 
.bold .Bitcoin::before, .bold .Sterling::after, .bold .dollaroldstyle,
.bold .notequal::after, .bold .notequivalent::after, .bold .notsimilar::after, 
.bold .sign.bar::before, .bold .sign .bar::before
{border-width: .9em;}

.sign.registered::before, .sign.registered ::before, .sign.registered ::after, .asterisk, .asterisk::before, .asterisk::after
{border-width: calc((var(--border) / 3) + .2em) !important;}

/*   =====================   S M A L L E R   =====================   */

.bullet::before, .textbold .B, .textbold .B::before, .textbold .B::after {border-width: 1.4em !important;}
.bullet {width: 2.8em;}
.textbold .B::before, .textbold .B::after {height: 4.2em !important;}
.openbullet, .openbullet::before {width: 2.8em;}
.openbullet::before {height: 2.8em;}
.trianglebullet::before {border: 1.4em solid transparent !important; border-left: 2.5em solid !important; left: -.9em;}

/*   =====================   S L A S H   =====================   */

.slash, .backslash {width: 1.3em;margin-left: 1.2em; margin-right: 1.2em;}
.colon + .slash, .slash + .slash {margin-left: .6em;}
[class*=frac] .digit ~ .slash {margin: 0 .6em;}
.percent .slash, .perthousand .slash {width: 2.2em;}

/*   =====================   R A D I U S   =====================   */

.zero::before, .b::after, .C::before, .c::before, .cent, .d::before, .e::before, .Schwa::before, .schwa::before, .G::before, .O::before, .o::before, .Oslash, .oslash, .Q::before, .eth::before, .partialdiff::before, .p::after, .q::before, .thorn::after, .ordmasculine, [class*=salt] .a::before, .partialdiff::after, .Euro::after
{border-radius: 48%;}

.period::before, .period::after, .colon::before, .colon::after, .semicolon::before, [class*=salt] .three::before, [class*=salt] .three::after, .g .o, .dieresis::before, .dieresis::after, .divide::before, .divide::after, .comma::before, .ellipsis, .ellipsis::before, .ellipsis::after, .circle::before, .circle::after, .smile::before, .smile:after, .frown::before, .frown:after, [class*=copyright], .copyright::after, .estimated, .registered::before, .currency::after, .estimated::before, .bullet::before, .openbullet::before, .at::after, .degree::before, .ring::before, .parenleft::after, .parenright::after, .eight::before, .eight::after, .six::after, .nine::before, .five::after, .fivesuperior::after, .fiveinferior::after, .three::after, .reply::after, .forward::after, .clock, .search::before, .dot, .dot::after, .info::before, .globe::before, .eye::after, .prohibited::before, .noentry::before, .droplet::after, .diameter::before, .macro, .macro::after, .profile::before, .ogonek::after, .tag::after, .beta::before, .beta::after, .germandbls::before, .location::after
{border-radius: 50%;}

/*   =====================   S O L I D   B O R D E R   =====================   */

.question::after, .ogonek::after, .Sterling::before, .estimated::before, .r::after, .smile:after, .frown:after, .parenleft::after, .G::before, .epsilon::before, .B::before, .B::after, .C::before, .G::before, .Q::before, .D::before, .J::before, .Eth::before, .O::before, .S::before, .S::after, .h::after, .n::after, .m::before, .m::after, .r::after, .period::before, .colon::before, .colon::after, .question::before, .question::after, .semicolon::before, .dieresis::before, .dieresis::after, .divide::before, .divide::after, .comma::before, .ellipsis::before, .ellipsis::after, .bullet::before, .openbullet::before, .notdef, .degree::before, .ring::before, .ogonek::after, .cedilla::after, .zero::before, .three::after, .parenleft::after, .parenright::after, .eight::before, .eight::after, .five::after, .six::after, .nine::before, .eth::before, .partialdiff::before, .a::before, .b::after, .c::before, .d::before, .e::before, .schwa::before, .g::before, .o::before, .o::after, .epsilon::before, .Schwa::before, .p::after, .q::before, .s::before, .s::after, .thorn::after, .u::before, .micro::before, .germandbls::before, [class*=ermandbls]::after, .beta::before, .beta::after, .section::before, .section::after, .dollaroldstyle::before, .dollaroldstyle::after, .currency::after, .Euro::after, .ampersand::before, .ampersand::after, .at::before, .at::after, .smile::before, .smile:after, .frown::before, .frown:after, [class*=copyright], .copyright::after, .registered::before, .infinity::before, .infinity::after, .estimated::before, .envelope, .envelope::after, .bookmark, .circle::before, .square, .triangle::before, .triangle::after, .search::before, .phone, .receiver::after, .globe::before, .eye::before, .eye::after, .dot, .dot::after, .prohibited::before, .pencil .emdash::after, .bookblck::after, .leaf::before, .location::before, .chat::before, .tooltip::before, .cloud, .cloud::before, .cloud::after, .diameter::before, .macro::after, .partialdiff::after, .phoneon::before, .phoneon::after, .f::after, .longs::after, .exclamation::before, .tooltip::after, .integral::before, .integral::after, .j::after, .dotlessj::after, .hookleftbelow, .document::before, .document::after, .attachment .bar, .attachment .bar::before, .attachment .bar::after, [class*=salt] .three::before, .Germandbls .bar::before, [class*=arrow][class*=blck]::before, .circle::after, .droplet::before, .droplet::after, .chat::before, .chat::after, .bracketleft::before, .bracketright::before, .endash::before, .tilde .endash::after, .y::before
{border-style: solid;}

/*   =====================   B O R D E R   T O P   =====================   */

.K::before, .k::before, .AE::before, .AE::after, .logicalnot::after, .equal::before, .equal::after, .Schwa::after, .schwa::after, .Omega::before, .Omega::after, .dagger::after, .daggerdbl::after, .E::before, .E::after, .F::before, .F::after, .P::after, .R::after, .Thorn::after, .T::before, .G::after, .Z::before, .Sigma, .asterisk, .asterisk::before, .asterisk::after, .Lslash::before, .lslash::after, .paragraph::after, .H::after, .I::before, .Q::after, .dbar::after, .Hbar::after, .hbar::after, .Tbar::after, .tbar::after, .Eth::after, .zeroslash::after, .three::before, .seven::before, .six::before, .minus::before, .hyphen::after, .endash::after, .emdash::after, .equivalent::before, .equivalent::after, .hash::after, .delta, .house::before, .i::before, .i::after, .dotlessi::before, .dotlessi::after, .j::before, .dotlessj::before, .f::before, .l::before, .l::after, .leaf::after, .hamburger, .hamburger::after, .Gamma, .Pi, .oneroma::before, .seven::after, [class*=textalign]::before, [class*=textalign]::after, .textarea::after, .more::after, .guillemotright::before, .guillemotright::after, .guilsinglright::after, [class*=salt] .ampersand .bar::before, .alpha::before, .alpha::after, .one .bar::before, .one .bar::after, .eth::after, [class^=arrow]::before, .brace:first-child, .grave::after, .acute::after, .hungarumlaut::before, .hungarumlaut::after, .circumflex::before, .circumflex::after, .a .finial::after
{border-top-style: solid;}

/*   =====================   B O R D E R   R I G H T   =====================   */

.comma::after, .A::before, .Delta::before, .H::before, .K::after, .M::after, .N::before, .Oslash::after, .P::after, .R::after, .Thorn::after, .K::before, .U::before, .V::before, .V::after, .Y::after, .Sigma::before, .Sigma::after, .a::after, .oslash::after, .slash::after, .backslash::after, .fraction::after, .per::after, .notequivalent::before, .y::after, .v::before, .v::after, .radical::before, .radical::after, .alpha::before, .alpha::after, .G::after, .k::before, .logicalnot::after, .hash::before, .quotedbl::before, .quote::before, .quotedbl::before, .brokenbar::before, .brokenbar::after, .v::before, .v::after, .q::after, .u::after, .d::after, .hookleftbelow, .pi::before, .i::before, .dotlessi::before, .j::before, .dotlessj::before, .l::before, .paragraph::after, .house::after, .cube::after, .Bitcoin::before, .Germandbls::before, .Pi, [class^=not]::after, .Z::after, .gamma::after, .nine::after, .checkmark::after, .textarea::before, .arrowleftreturn::after, .arrowrightreturn::after, .braceright .brace, .g::after, .triangle, .more::after, .guillemotright::before, .guillemotright::after, .guilsinglright::after, .one .bar::before, .one .bar::after, .breve::after, .eth::after, .cedilla::before, .A .underscore::before, [class*=strk]::after, .circumflex::before, .caron::before, .acute::after, .hungarumlaut::before, .hungarumlaut::after, .a .finial::after
{border-right-style: solid;}

/*   =====================   B O R D E R   B O T T O M   =====================   */

.comma::after, .t::after, .one::after, .four::after, .AE::after, .E::before, .P::after, .R::after, .Thorn::after, .U::before, .K::before, .k::before, .L::before, .Lslash, .I::before, .underscore::before, .Sterling, .Sterling::after, .micro::after, .pi::before, .pi::after, .similar::after, .globe::after, .triangle, .house::after, .equivalent::before, .hash::after, .macron::after, .plus::after, .guilsinglleft::after, .Z::before, .Sigma, .Delta, .hookleftbelow, .e::after, .integral::after, .less::after, .guillemotleft::before, .guillemotleft::after, .y::after, [class^=arrow]::after, .textunderline, .textstrikethrough::after, .hamburger, .bookmark::before, .bookmark::after, .oneroma::before, .daggerdbl::after, .nine::after, .two::after, .figuredash::after, .y::before, [class*=textalign]::before, [class*=textalign]::after, .checkmark::after, .brace + .brace, .g::after, .finial, .ampersand .bar::before, .loremipsum::after, .caron::before, .caron::after
{border-bottom-style: solid;}

/*   =====================   B O R D E R   L E F T   =====================   */

.t::after, .quotedbl::before, .dagger::before, .daggerdbl::before, .less::after, .guillemotleft::before, .guillemotleft::after, [class^=arrow]::before, .guilsinglleft::after, [class*=strk]::after, .paragraph::after, .textarea::before, .A::after, .AE::before, .AE::after, .Delta::after, .delta::before, .B::before, .B::after, .E::before, .F::before, .I::after, .H::before, .L::before, .Lslash, .Gamma, .Pi, .M::before, .N::before, .P::before, .R::before, .Thorn::before, .T::after, .Tbar::after, .U::before, .micro::after, .pi::after, .oneroma::after, .dollaroldstyle, .b::before, .h::before, .n::before, .p::before, .r::before, .n::before, .clock::before, .clock::after, .prohibited::after, .thorn::before, .Bitcoin::before, .pausecirc::after, .house::before, .search::after, .house::after, .hash::before, .plus::before, .multiply::before, .multiply::after, .diameter::after, .four::before, .five::before, .six:before, .seven:after, .X::before, .X::after, .slash::before, .macro .bar, .braceleft .brace, .triangle, .pi::before, .finial, .integral::before, .bar::before, .bar::after, .breve::after, .A .underscore::before, .loremipsum::after, .caron::after, .grave::after, .circumflex::after, .a .finial::after
{border-left-style: solid;}

/*   =====================   T R A N S P A R E N T   B O R D E R   =====================   */

.five::before, .K::before, .k::before, .longs, .alpha::before, .alpha::after, .delta::before, .macro::after, .tooltip::after, .triangle::before, .triangle::after, .smile:after, .frown:after, .phoneon::before, .phoneon::after, .at::after, .one .bar::before, .tilde .endash::after
{border-top-color: transparent;}

.question::after, .exclamation::before, .at::after, .f::after, .longs::after, .Sterling::before, .estimated::before, .triangle, .r::after, .smile:after, .frown:after, .parenleft::after, .dollaroldstyle::before, .G::before, .epsilon::before, .triangle, .integral::before, .alpha .o::before, .one .bar::after, .Germandbls .bar::before, .breve::after, .A .underscore::before, [class*=arrow][class*=blck]::before, .tooltip::after, .chat::before, .chat::after, .acute::after, .circumflex::before, .caron::before, .hungarumlaut::before, .hungarumlaut::after
{border-right-color: transparent;}

.comma::after, .question::after, .frown::after, .phoneon::before, .phoneon::after, .K::before, .k::before, .triangle::before, .triangle::after, [class*=arrow][class*=blck]::before, .bookmark, .chat::before, .chat::after, .tilde .endash::before, .ae .finial
{border-bottom-color: transparent;}

.exclamation::before, .phoneon::before, .phoneon::after, .triangle, .pi::before, .partialdiff::after, .integral::after, .j::after, .dotlessj::after, .hookleftbelow, .one .bar::before, .breve::after, .A .underscore::before, .caron::after, .grave::after, .circumflex::after, .a .finial::after, .ae .finial
{border-left-color: transparent;}

.f::after, .longs::after, .h::after, .n::after, .m::before, .m::after, .r::after,
.exclamation::before, .Sterling::before, .Germandbls .bar::before, .integral::before {border-bottom: 0;}
.u::before, .micro::before, .y::before, .integral::after, .j::after, .dotlessj::after, .hookleftbelow, .numero .o::after {border-top: 0;}
.attachment .bar::before, .germandbls::after, .Germandbls::after, .numero .o::after, .bracketright::before, .tilde .endash::after {border-left: 0;}
.numero .o::after, .bracketleft::before, .tilde .endash::before {border-right: 0;}

[class*=blck] .circle::before, [class*=circ] .circle::before, .info .circle::before, .noentry .circle::before, .digit .circle::before, .squareblck .square, [class*=spark] .square, [class*=blck] .house::before, [class*=blck] .house::after
{border: 0;}


.ampersand .bar::before {border-bottom-left-radius: 100% 60%;}

.c::before, .cent::before, .e::before, .schwa::before, .o::before, .epsilon::before, .s::before, .eth::before, [class*=onum] .nine::before
{top: 1.4em;}

.partialdiff::before {width: 4.6em; height: 4.8em; bottom: -.1em;}

.e::before {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 50%, 50% 50%, 50% 72%, 100% 72%, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 50%, 50% 50%, 50% 72%, 100% 72%, 100% 100%, 0 100%);
	}

[class*=salt] .a::before, .b::after, .d::before, [class*=salt] .g::before {height: 5.7em; bottom: -.1em;}

.b::after, .p::after, .thorn::after {border-top-left-radius: 50%;border-top-right-radius: 55% 50%;border-bottom-right-radius: 55% 50%;border-bottom-left-radius: 50%;}
.d::before, .q::before, .salt .a::before, [class*=salt] .a::before, .salt .g::before, [class*=salt] .g::before
{border-top-left-radius: 55% 50%;border-top-right-radius: 50%;border-bottom-right-radius: 50%;border-bottom-left-radius: 55% 50%;}

/*   =====================   W O R K   F O R   T H I N   M I N   3 E M   =====================   */

.a::before, .b::after, .d::before, .h::after, .n::after, .p::after, .thorn::after, .q::before, .u::before, .micro::before, .salt .g::before, [class*=salt] .g::before, .y::before 
{width: calc(100% - (var(--border) - (var(--border) / 1.5)));}

.b::after, .h::after, .m::before, .m::after, .n::after, .p::after, .r::after, .thorn::after
{border-left-width: calc(var(--border) / 1.5); left: calc(var(--border) - (var(--border) / 1.5));}

.a::before, .d::before, .q::before, .u::before, .salt .g::before, [class*=salt] .g::before, .y::before,
.micro::before, [class*=salt] .ampersand::after
{border-right-width: calc(var(--border) / 1.5);}

.a::before, .d::before, .q::before, .u::before, .salt .g::before, [class*=salt] .g::before, .y::before
{left: auto;right: calc(var(--border) - (var(--border) / 1.5));}

.micro::after {right: calc(-2.2em + var(--border));} /* BEFORE IS 100% - .3 => 2.2 FINIAL - .3 = 1.9 */
[class*=salt] .ampersand .bar {left: calc(4em - (var(--border) / 1.5));}

/*   =====================   R E L A T I V E   =====================   */

.word, .word > *, .word .space,
.sign, .slash, .comma,
.digit, .zero, .one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .oneroma, 
.letter, .A, .B, .C, .D, .E, .F, .G, .H, .I, .J, .K, .L, .M, .N, .O, .P, .Q, .R, .S, .T, .U, .V, .W, .X, .Y, .Z, 
.a, .b, .c, .d, .e, .f, .g, .h, .i, .dotlessi, .j, .dotlessj, .k, .l, .m, .n, .o, .p, .q, .r, .s, .t, .u, .v, .w, .x, .y, .z,
.symbol, .star, .heart, .droplet, .spark
{position: relative;}

/*   =====================   A B S O L U T E   =====================   */

.word ::before, .word ::after, .word.middle, .letter .grave, .letter .acute, .letter .circumflex, .letter .dieresis, .letter .ring, .letter .cedilla, .letter .tilde, .letter .macron, .letter .caron, .letter .breve, .letter .ogonek, .letter .hungarumlaut, .letter .comma, .letter .period, .sign .period, .letter .periodcentered, .letter .slash, .R .slash, .X .slash, .semicolon > *, .star .star, .heart .heart, [class*=spark] .square, .approxequal .similar, .info .i, [class*=registered] .R, .soundcopyright .P, .plusminus .plus, .saltire .multiply, .phoneoff > *, .digit[class*=circ] > *, [class^=arrow][class*=circ] > *, .pluscirc > *, .multiplycirc > *, .checkbox > *, .Omega .O, .g .o, .at .o, .x .X, .Y .V, .z .Z, .symbol .dieresis, .symbol .period, .exclamdown .exclamation, .questiondown .question, [class*=commaaccent] .comma, .css a[href]:hover::after, .css ins::after, .css u::after, .pencil .emdash, .droplet .droplet, .Euro .equal, .Yen .equal, .Rupee .equal, .Naira .equal, .semicolon .comma, .hookleftbelow, .finial, .dot, .A .underscore, .delta .o, .phoneoff .multiply, .cube .square, .brace, .word > * .bar, .word > * .figuredash, .tilde .endash, .letter > *
{position: absolute;}

/*   =====================   D I A C R I T I C S   =====================   */

.letter[class*=commabelow] .comma {top: 2.2em;}
.commabelow .comma {top: 2.5em;}

.sign.underscore::before {top: 7em;}

.asciicircum, .circumflex, .caron {width: calc(3em + (var(--border) - .3em));}

.grave::after, .acute::after, .circumflex::before, .circumflex::after, .hungarumlaut::before, .hungarumlaut::after, .caron::before, .caron::after
{width: calc(var(--border) + .3em); height: 2em;}

.grave::after, .acute::after, .circumflex::before, .circumflex::after, .hungarumlaut::before, .hungarumlaut::after
{border-top-width: 2em;}
.caron::before, .caron::after
{border-bottom-width: 2em;}

.grave::after, .circumflex::after {transform-origin: bottom right;} 

.grave::after {left: 30%; transform: translate(-50%, -100%) skew(30deg);} 
.acute::after {left: 60%; transform: translate(-50%, -100%) skew(-30deg);} 

.acute::after, .circumflex::before, .hungarumlaut::before, .hungarumlaut::after
{transform-origin: bottom left;}

.grave::after, .circumflex::after, .caron::after
{border-left-width: calc((var(--border) / 3) + .2em);}
.acute::after, .circumflex::before, .hungarumlaut::before, .hungarumlaut::after, .caron::before
{border-right-width: calc((var(--border) / 3) + .2em);}

.circumflex::before, .hungarumlaut::before, .hungarumlaut::after, .caron::after
{transform: translateY(-100%) skew(-30deg);}
.circumflex::after, .caron::before
{transform: translateY(-100%) skew(30deg);} 

.caron::before {transform-origin: top left;}
.caron::after { transform-origin: top right;} 



.bold .hungarumlaut {width: 3em;}

.uppercase .grave, .uppercase .acute, .lowercase.lacute .acute, .uppercase .circumflex, .uppercase .dieresis, .uppercase .caron, .uppercase .ring, .uppercase .tilde, .uppercase .hungarumlaut, .uppercase .dotaccent, .dcaron .caron, .lacute .acute, .hcircumflex .circumflex, .uppercase .macron, .uppercase .breve
{top: -1.3em;}

.lowercase .grave, .lowercase .acute, .lowercase .circumflex, .lowercase .ring, .lowercase .breve, .lowercase .macron, .lowercase .caron, .lowercase .dieresis, .lowercase .tilde, .lowercase .hungarumlaut, .lowercase .dotaccent, [class$=commaaccent] .comma, .quoteleft, .quoteright, .quotedblleft, .quotedblright, .cent .c, .Delta::before, .Delta::after, .eng .n, .plusminus .plus, .digit[class*=roma] .oneroma, .digit[class*=roma] .v, .digit[class*=roma] .x, .W .V, .w .v, [class*=size] .plus::before, .g .o::before, .three .figuredash::after, .five .figuredash::after, .thorn::before, .ogonek, .dotaccent, .commaaccent, .letter .period, .smile .dieresis, .Rupee .equal, .Rupee .equal::before, .Naira .equal, .ndordn .n::before, .ordn .digit ~ .n::before, .rdordn .r::before, .erordn .r::before, .ordn .digit ~ .r::before, .ordn .digit ~ .t .underscore::before, .stordn .t .underscore::before, .thordn .t .underscore::before
{top: 0;}

.grave::after, .acute::after, .circumflex::before, .circumflex::after, .dieresis::before, .dieresis::after, .macron::after, .hungarumlaut::before, .hungarumlaut::after, .caron::before, .caron::after
{top: .3em;}

.Aring.uppercase .ring {top: -.2em;}

/*   =====================   H E I G H T   =====================   */

.Oslash::after, .diameter::after, .saltire .multiply::before, .saltire .multiply::after, .dagger::before, .daggerdbl::before, .dollaroldstyle, .thorn::before
{height: 9em;}

.slash::after, .backslash::after, .micro:before, .dotlessj::after, .y::after, .fraction::after, .frac .slash::after, .notequivalent::before, .radical::after
{height: 8em;}

.word > div, .word .space, .AE::before, .AE::after, .Delta::before, .Delta::after, .bar, .plus, .p::before, .q::after, .micro .bar::before, .sign, .period, .comma, .plus, .minus, .multiply, .equal, .equivalent, .exclamation, .question, .slash, .backslash, .cedilla, .ogonek, .dotaccent, .commaaccent, .commabelow, .braceleft, .braceright, .notequivalent::after, .similar, .sign .o + .slash::after, .ampersand, .digit, .zero, .one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .oneroma, .letter, .A, .B, .C, .D, .E, .F, .G, .H, .I, .J, .K, .L, .M, .N, .O, .P, .Q, .R, .S, .T, .U, .V, .W, .X, .Y, .Z, .Delta, .a, .b, .c, .d, .e, .f, .g, .h, .i, .dotlessi, .j, .dotlessj, .k, .l, .m, .n, .o, .p, .q, .r, .s, .t, .u, .v, .w, .x, .y, .z, 
.asciicircum, .asciitilde, .grave, .acute, .circumflex, .caron, .dieresis, .tilde, .macron, .breve, .dotaccent, .ring, .hungarumlaut, .commaaccent, .commabelow, .cedilla, .ogonek,
.symbol, .star, .starblck, .heart, .heart::after, .droplet, .send, .eye, .circle, .square, .symbol, .house, .map, .tooltip, .chat, .camera, .phone, .bookmark, .document, .triangle, .smile, .prohibited::after, [class*=size] .plus::before, .envelope
{height: 7em;}

.c::before, .cent::before, .onehundredroma, .e::before, .schwa::before, .o::before, .epsilon::before, .eth::before, .p::after, .q::before, .thorn::after, 
[class*=onum] .zero::before
{height: 5.7em;}

.notequal::after, .r::after, .h::after, .m::before, .m::after, .n::after, .u::before, .micro::before, .y::before, .video::after
{height: 5.6em;}

[class*=onum] .one .bar, .i::before, .dotlessi::before, .j::before, .dotlessj::before, .n::before, .r::before, .u::after, .v::before, .v::after, .pi::after, .fiftyroma .L::before, .fivehundredroma .D::before, .onethousandroma .M .bar, .longs, .pi::after, .micro::after, .oneroma::before, .oneroma::after, .m .bar::before, .x .X, .z .Z, .kappa .k .bar::before, .y .slash
{height: 5.5em;}

.notsimilar::after
{height: 4.2em;}

.radical::before
{height: 4em;}

/*   =====================   F U L L   =====================   */

.H::after, .O::before, .Q::before, .Schwa::before, .J::before, .P::after, .R::after, .Thorn::after, .T::before, .U::before, .z .Z, .e::before, .schwa::before, .l::after, .i::after, .dotlessi::after, .o::before, .epsilon::before, .eth::before, .dagger::after, .daggerdbl::after, [class*=textalign]::before, .camera .circle, [class^=arrow]::after, .textstrikethrough::after, .hamburger::after, .hash::after, .zero::before, .one::after, .R .slash, .four::after, .figuredash::after, .endash::after, .emdash::after, .three .figuredash, .five .figuredash, .seven::before, .two::after, .f::before, .hyphen::after, .macron::after, .underscore::before, .oneroma::before, .user::after, .profile::after, .house::after, .multiplycirc .multiply, .t .underscore::before, .at::before, .css a[href]:hover::after, .css ins::after, .css u::after, .heart::before, .beta::after, .numero .o::after, .equal::before, .equal::after, .bracketleft::before, .bracketright::before, .user::after, .tilde .endash, .eight::after, [class*=salt] .three::after, .S::after, .s::after, .t .underscore, .Dollar .bar, .cent .bar, .Cedi .bar, .Guarani .bar, .Baht .bar
{width: 100%;}

.A::before, .A::after, .V::before, .V::after, .I::after, .K .bar::before, .k .bar::before, .M .bar::before, .M .bar::after, .T::after, .Thorn::before, .P::before, .R::before, .b::before, .d::after, .h::before, .l::before, .hash::before, .g .o::before, .four .bar, .four .bar::before, .four .bar::after, .one .bar, .one .bar::before, .heart::after
{height: 100%;}

.D::before, .E::before, .F::before, .Eth::before, .H::before, .I::before, .L::before, .N::before, .Z::before, .Fiftyroma .L, .seven .figuredash, .K .bar, .k .bar, .M .bar, .N .slash, .X .slash, .Y .V, .Z .slash, .checkbox .checkmark, .saltire .multiply, .document::before, .ampersand .bar::before, [class*=spark] ::before, [class*=spark] ::after
{width: 100%; height: 100%;}

.N .slash::after, .R .slash::after, .Z .slash::after, .z .Z::after,
.x .X::before, .x .X::after, .X .slash::before, .X .slash::after {height: 150%;}


/*   =====================   T O P   =====================   */

.U::before, .J::before {height: 7.1em;}

[class*=onum] .zero::before, [class*=onum][class*=salt] .three::before, .p::after, .q::before, .thorn::after, .r::after, .g::before
{top: 1.4em;}

.three::after, .five::after, .six::after, .eight::after, .beta::after, .S::after, .s::after
{bottom: -.1em;}

[class*=onum] .three::after, [class*=onum][class*=salt] .three::after, [class*=onum] .five::after
{bottom: -1.6em;}

/*   =====================   S U P E R S C R I P T S   =====================   */

sup .one .bar, [class*=sups] .one .bar, [class*=frac] .one .bar,

sup .three::before, [class*=sups] .three::before, [class*=frac] .three::before, 
sup .three .figuredash::after, [class*=sups] .three .figuredash::after, [class*=frac] .three .figuredash::after, 
sup .four .bar, [class*=sups] .four .bar, [class*=frac] .four .bar, 
sup .five::before, [class*=sups] .five::before, [class*=frac] .five::before, 
sup .five .figuredash::after, [class*=sups] .five .figuredash::after, [class*=frac] .five .figuredash::after, 
sup .six::before, [class*=sups] .six::before, [class*=frac] .six::before, 
sup .seven::before, [class*=sups] .seven::before, [class*=frac] .seven::before, 
sup .seven .figuredash, [class*=sups] .seven .figuredash, [class*=frac] .seven .figuredash, 
.degree::before
{top: -.6em;}

sup .zero::before, [class*=sups] .zero::before, [class*=frac] .zero::before, 
sup .eight::before, [class*=sups] .eight::before, [class*=frac] .eight::before, 
sup .nine::before, [class*=sups] .nine::before, [class*=frac] .nine::before,
sup [class*=salt] .three::before, [class*=sups][class*=salt] .three::before, [class*=frac][class*=salt] .three::before
{top: -.7em;}

sub .one .bar, [class*=subs] .one .bar, [class*=frac] .slash ~ .one .bar,

sub .three::before, [class*=subs] .three::before, [class*=frac] .slash ~ .three::before, 
sub .three .figuredash::after, [class*=subs] .three .figuredash::after, [class*=frac] .slash ~ .three .figuredash::after, 
sub .four .bar, [class*=subs] .four .bar, [class*=frac] .slash ~ .four .bar, 
sub .five::before, [class*=subs] .five::before, [class*=frac] .slash ~ .five::before,
sub .five .figuredash::after, [class*=subs] .five .figuredash::after, [class*=frac] .slash ~ .five .figuredash::after,
sub .six::before, [class*=subs] .six::before, [class*=frac] .slash ~ .six::before,
sub .seven::before, [class*=subs] .seven::before, [class*=frac] .slash ~ .seven::before, 
sub .seven .figuredash, [class*=subs] .seven .figuredash, [class*=frac] .slash ~ .seven .figuredash 
{top: 4em;}

sub .zero::before, [class*=subs] .zero::before, [class*=frac] .slash ~ .zero::before, 
sub .eight::before, [class*=subs] .eight::before, [class*=frac] .slash ~ .eight::before, 
sub .nine::before, [class*=subs] .nine::before, [class*=frac] .slash ~ .nine::before,
sub [class*=salt] .three::before, [class*=subs][class*=salt] .three::before, [class*=frac][class*=subs][class*=salt] .slash ~ .three::before
{top: 3.9em;}

sup .three::after, [class*=sups] .three::after, [class*=frac] .three::after,
sup .five::after, [class*=sups] .five::after, [class*=frac] .five::after,
sup .six::after, [class*=sups] .six::after, [class*=frac] .six::after,
sup .eight::after, [class*=sups] .eight::after, [class*=frac] .eight::after 
{bottom: 3.9em;} 

sub .three::after, [class*=subs] .three::after, [class*=frac] .slash ~ .three::after,
sub .five::after, [class*=subs] .five::after, [class*=frac] .slash ~ .five::after,
sub .six::after, [class*=subs] .six::after, [class*=frac] .slash ~ .six::after,
sub .eight::after, [class*=subs] .eight::after, [class*=frac] .slash ~ .eight::after
{bottom: -.7em;}

sup .two::after, [class*=sups] .two::after, [class*=frac] .two::after, 
sup .two .figuredash, [class*=sups] .two .figuredash, [class*=frac] .two .figuredash,
sup .nine::after, [class*=sups] .nine::after, [class*=frac] .nine::after,
sup .one::after, [class*=sups] .one::after, [class*=frac] .one::after
{bottom: 4em;}

sub .two .figuredash, [class*=subs] .two .figuredash, [class*=frac] .slash ~ .two .figuredash,
sub .two::after, [class*=subs] .two::after, [class*=frac] .slash ~ .two::after, 
sub .nine::after, [class*=subs] .nine::after, [class*=frac] .slash ~ .nine::after,
sub .one::after, [class*=subs] .one::after, [class*=frac] .slash ~ .one::after
{bottom: -.6em;}


[class*=circ] [class*=arrow]::before, .bold [class*=circ] [class*=arrow]::before, .bold.circ [class*=arrow]::before {width: 3em; height: 3em;}
[class*=circ] [class*=arrow]
{width: 4em;}

.exclamdown .exclamation, .questiondown .question, .a::after, [class*=salt] .g::after, .f::before, .i::before, .dotlessi::before, .j::before, .dotlessj::before, .n::before, .p::before, .q::after, .r::before, .u::before, .u::after, .v::before, .v::after, .y::before, .y::after, .micro::before, .micro::after, .micro .bar::before, .pi::before, .pi ::before, [class*=onum] .three::before, [class*=onum] .three .figuredash::after, [class*=onum] .four::before, [class*=onum] .four .bar, [class*=onum] .five::before, [class*=onum] .five .figuredash::after, [class*=onum] .seven::before, [class*=onum] .seven .figuredash, .k::before, .colon::before, .semicolon::before, .oneroma::before, .oneroma::after, .x .X, .z .Z, .kappa .k .bar::before, .m .bar::before, .fiftyroma ::before, .fivehundredroma ::before, .onethousandroma .M .bar, .onethousandroma .M::before, .onethousandroma .M::after, .t .underscore::before, .y .slash
{top: 1.5em;}

.hookleftbelow, .j::after, .dotlessj::after, .integral::after {top: 100%;}

/*   =====================   Z E R O   =====================   */

.period::before, .colon::before, .colon::after, .semicolon::before, .dieresis::before, .dieresis::after, .divide::before, .divide::after, .comma::before, .ellipsis::before, .ellipsis::after, .trianglebullet, .triangleup::after, .triangleright::after, .triangledown::after, .triangleleft::after, .reply::before, .forward::before, .dot, .dot::after, .chat::before, .chat::after, [class*=blck] .bookmark::after, .tag::after, .document::after, .pencil .emdash::before, .location::after, .bullet::before, .circle::after
{width: 0; height: 0;}

.a::after, [class*=salt] .ordfeminine .a::after, .ordn.salt .digit ~ .a::after, .plus::before, .multiply::before, .multiply::after, .diameter::after, .prohibited::after, .dollaroldstyle, .delta::before, .asciitilde, .clock::before, .clock::after, .exclamation, .bar::before, .brokenbar, .quote::before, .dagger::before, .daggerdbl::before, .Y::after, .integral
{width: 0;}

.AE, .E::after, .F::after, .plus::after, .minus::before, .hyphen::after, .figuredash::after, .endash::after, .emdash::after, .underscore::before, .equivalent::after, .asterisk::before, .asterisk::after, .H::after, .Eth::after, .Lslash::before, [class^=arrow]::after, .hyphen + .more::before, .e::after, .Schwa::after, .schwa::after
{height: 0;}

/*   =====================   P E R I O D   C O M M A   =====================   */

.period, .comma, .bar, .brokenbar, .quote, .quotedbl, .question, .questiondown, .plus, .hyphen, .minus, .equal, .notequal {margin: 0 .6em;}
.colon, .semicolon {margin-left: 1.2em;margin-right: 1.2em;}
.braceleft {margin-left: 1.2em; margin-right: .9em;}
.braceright {margin-left: .9em;margin-right: .9em;}
.exclamation, .exclamdown {width: 2em; margin: 0 .9em;}
.braceleft .brace {right: 0;}

.quote {width: calc(var(--border) + .2em);}
.letter[class^=o] + .period, .zero + .period {margin-left: .1em;}
.nine + .period {margin-left: -.4em;}
[class*=onum] .nine + .period {margin-left: .3em;}

/*   =====================   R I G H T   =====================   */

.a::after, .circumflex::after, .caron::after, .t::after, .comma::before, .comma::after, .j::after, .dotlessj::after, .ellipsis::after, .three::before, .G::after, .K::before, .K .bar::after, .k::before, .k .bar::after, .M .bar::after, .R .slash, .R .slash::after, .hookleftbelow, .y::after, .pi::after, .infinity::after, .tilde .endash::after, .similar::after, .attachment .bar::after, [class$=mark] .M, .send::before, .send::after, .u::after, [class*=salt] .y::after, .tbar::after, .partialdiff::after, .e::after, .eth::after, .ogonek, .heart::after, .heart .heart::before, .nine::after, .f::before, .j::before, .t .underscore::before, .document::before, .at .o, .Omega::after, .one .bar::before, .one .bar::after, .textalignright::after, .AE::after, .caron::after, .numero .o
{right: 0;}

.d::after, .q::after {left: auto; right: 0;}

.ellipsis {width: 7.6em;}

.comma::after {width: 3.6em; height: 3em; border-radius: 0 0 100% 0; border-right-width: calc(var(--border) + .1em); border-bottom-width: .3em; top: calc(100% - ((var(--border) / 2) + .3em));}

.comma + .comma {margin-left: .8em !important;}
.apostrophen {width: 7em;}
.apostrophen .n {left: calc(var(--border) * 2);}

.exclamation::before {height: 4.6em; width: calc(var(--border) * 1.5); border-left-width: calc(var(--border) / 2); border-right-width: calc(var(--border) / 2); border-top-width: 4.6em;}

.i .period::before, .j .period::before, .lowercase[class*=dotaccent] .period::before, .dotaccent .period::before {top: -.5em;}
.uppercase[class*=dotaccent] .period::before {top: -1.8em;}

.parenleft, .parenright {width: 3.8em;}
.parenleft::after, .parenright::after {height: 170%;left: 1em; border-top-color: transparent;border-bottom-color: transparent;} 
.parenright::after {border-left-color: transparent; left: auto; right: 1em;}

.registered > *, .sign[class*=mark] > * {top: -1.2em;}

.quote::before, .quotedbl::before {top: -1.5em; height: 3em;} 
.quotedbl, .quotedbl::before {width: 3em;} 
.quoteleft, .quoteright, .quotedblleft, .quotedblright {margin-left: 1em; margin-right: .5em;}

.grave, .acute {width: 2em;}
.hungarumlaut {width: 3em;}
.hungarumlaut::after {margin-left: 2em;}

/*   =====================   A M P E R S A N D   =====================   */

.ampersand {width: 5.4em;margin: 0 .9em;}
.ampersand::after {border-radius: 50% 0 50% 50%;width: 5.4em;height: calc(4.1em + (var(--border) / 2));bottom: -.1em;transform: rotate(-30deg) skewY(5deg);-webkit-clip-path: polygon(0 0, 65% 0, 68% 40%, 100% 60%, 100% 100%, 0 100%);clip-path: polygon(0 0, 65% 0, 68% 40%, 100% 60%, 100% 100%, 0 100%);}
.ampersand .bar {transform: rotate(-30deg);}
[class*=salt] .ampersand .bar {transform: none; height: 4.1em;}
.ampersand::before {border-radius: 50% 50% 50% 0;width: 3.2em;height: calc(2.6em + (var(--border) / 2));left: 1.3em;transform: rotate(-24deg);border-top-left-radius: 50% 60%;}
.ampersand .bar {width: 2em;height: 5.8em;bottom: 0;left: 4.5em;transform-origin: bottom right;}

.bold .ampersand::before {width: 3.2em;}
.bold .ampersand .bar::before {border-width: 1.2em;}

.germandbls::before, .beta::before, [class*=salt] .three::before {-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 50% 50%, 0 50%);clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 50% 50%, 0 50%);}

[class*=salt] .three::after, .beta::after {left: 0;transform: none;border-left-color: inherit;-webkit-clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%, 0 50%, 50% 50%);clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%, 0 50%, 50% 50%);}

[class*=salt] .ampersand::after {border-radius: 50% 0 45% 50%;width: 4em;height: 4.2em;-webkit-clip-path: none;clip-path: none;border-top-width: var(--border);}
[class*=salt] .ampersand::before {width: calc(3.2em + var(--border)); height: calc(2.9em + var(--border));border-radius: 50%; transform: none;left: .3em;-webkit-clip-path: polygon(0 0, 100% 0, 100% 50%, 50% 50%, 50% 100%, 0 100%);clip-path: polygon(0 0, 100% 0, 100% 50%, 50% 50%, 50% 100%, 0 100%);}

.r, .racute, .rcommabelow, .rcaron {width: 3.4em;}

.asterisk, .asterisk::before, .asterisk::after {width: 4em;}
.asterisk::before {transform: translate(-50%, -100%) rotate(60deg);}
.asterisk::after {transform: translate(-50%, -100%) rotate(-60deg);align-self: center;}

.hash {width: calc(3em + (var(--border) * 2)); margin: 0 .5em;}
.hash::before, .hash::after {transform: skew(-12deg);}
.hash::before {width: calc(100% - 1.5em); transform-origin: bottom;}
.hash::after {height: 3em;top: 2em; transform-origin: center;}

.textitalic .I {transform: skew(-15deg); width: 4em;}

.figuredash, .plus, .plus::after, .minus, .minus::before, .plusminus, .multiply, .currency, .divide, .equivalent, .equivalent::before, .equivalent::after, .notequivalent, .logicalnot, .logicalnot::after, .fiftyroma, .fiftyroma .L
{width: 4.2em;} 

.equivalent::before {height: 4.8em;top: 1.1em;}
.approxequal .similar {top: -0.9em;}
.approxequal .similar + .similar {bottom: -1em;}

.plus::before {height: 4.2em;top: 1.5em;}

.multiply::before, .multiply::after {height: 5em;}
[class*=circ] .multiply::before, [class*=circ] .multiply::after {height: 4.4em;}
.multiply::before, .diameter::after, [class*=slsh] .zero::after, .prohibited::after {transform: translate(-50%, -50%) rotate(45deg);}
.multiply::after, [class*=strk]::after {transform: translate(-50%, -50%) rotate(-45deg);}

[class*=size] .plus::after {width: 7em;}

/*   =====================   D I E R E S I S   =====================   */

.dieresis {width: 2em;}
.dieresis::after {left: 100%;}

.divide::before {top: .5em;}
.divide::after {bottom: .5em;}

.dcommaaccent .comma {left: 6.4em;}
.Ldot .period::before, .ldot .period::before, .periodcentered .period::before, [class*=bullet]::before
{top: 50%;}
.lcommaaccent .comma {left: 4.6em;}
.tcommaaccent .comma {left: 5em;}

.dieresis::before, .dieresis::after, .macron::after {transform: translate(-50%, -100%);}
 
/*   =====================   E L L I P S I S   =====================   */

.light .ellipsis::after {right: -.3em;}

/*   =====================   C E D I L L A   =====================   */

.cedilla {width: 2.6em;top: 0;}
.cedilla::before {transform-origin: bottom center;left: 0;height: 2.1em;bottom: -1.6em;transform: rotate(30deg);border-width: calc((var(--border) / 1.5) + .1em);}
.cedilla::after {width: 2.8em;width: 110%;right: 0;height: 2.6em;top: calc(100% + 1em);border-radius: 3em;border-left: solid transparent;}
.bold .cedilla::after {width: 3.2em;height: 3em;top: calc(100% + .6em);left: -.1em;}

.a::before, .Schwa::after, .schwa::after, .cedilla::after, .ogonek::after, .eth::after, .S::after, .s::after, .ampersand::after
{border-top-width: calc(var(--border) - .1em);}

.g .o::after, .Omega .O::before, .S::before, .s::before, .ampersand::before, .e::after
{border-bottom-width: calc(var(--border) - .1em);}


/*   =====================   O R D F E M I N I N E   =====================   */

.ordfeminine .a, .ordn .digit ~ .a 
{width: 3.2em;}
.ordfeminine .a::before, .ordn .digit ~ .a::before 
{width: 2.8em; height: 2.5em;}
.ordfeminine .a::after, .ordn .digit ~ .a::after 
{/* width: 3.5em; *//* height: 2em; */}
[class*=salt] .ordfeminine .a::after, .ordn.salt .digit ~ .a::after 
{height: 3.6em; top: 0;}

/*   =====================   Z E R O   =====================   */

.zero::before, .C::before, .G::before, .O::before, .Q::before, .Schwa::before, .Euro::after {height: calc(100% + .2em);}
.zeroonum, .zeroonumslsh, [class*=onum] .zero {width: 4.6em;}
sup .zero, sub .zero, [class*=sups] .zero, [class*=subs] .zero, [class*=frac] .zero, [class*=circ] .zero {width: 2.8em; margin: 0 .4em;}

.zero::after {height: 1.6em;border-radius: 1em;width: calc((var(--border) / 1.5) + .1em);}


[class*=sups] .zero::after, [class*=subs] .zero::after, [class*=circ] .zero::after,

sup .zero::after, [class*=sups] .zero::after, [class*=frac] .zero::after, 
sub .zero::after, [class*=subs] .zero::after, [class*=circ] .zero::after {height: .9em;}

sup .zero::after, [class*=sups] .zero::after, [class*=frac] .zero::after {top: 17%;}
sub .zero::after, [class*=subs] .zero::after, [class*=frac] .slash ~ .zero::after {top: 83%;}

sup [class*=slsh] .zero::after, [class*=sups][class*=slsh] .zero::after, [class*=frac][class*=slsh] .zero::after, 
sub [class*=slsh] .zero::after, [class*=subs][class*=slsh] .zero::after {height: 36%;}

[class*=onum] .zero::after {top: 60%;}
[class*=slsh] .zero::after, .prohibited::after {border-radius: 0;}
[class*=slsh] .zero::after {height: 77%;}
[class*=slsh][class*=onum] .zero::after {height: 70%;}

/*   =====================   O N E   =====================   */

.one {width: 3.8em;margin-left: .6em;margin-right: .3em;}
.one .bar {width: calc(50% + (var(--border) / 2));}
.one .bar::before, .one .bar::after {transform-origin: top right;}

sup .one, sub .one, [class*=sups] .one, [class*=subs] .one, [class*=frac] .one, [class*=circ] .one
{width: 2.4em; margin-left: .4em; margin-right: 0em;}

/*   =====================   T W O   =====================   */

.two {width: 4.5em;margin-left: .9em;margin-right: .6em;}
.two .figuredash {transform: rotate(-40deg);transform-origin: bottom left;width: 7em;height: 4.7em;-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 28% 50%, 0 0);clip-path: polygon(100% 0, 100% 100%, 0 100%, 28% 50%, 0 0);}
.two .figuredash::before {width: 4.7em;height: 100%;border-radius: 50% 50% 50% 0;border-style: solid;border-left-color: transparent;right: 0;}
.two .figuredash::after {width: 55%; border-left: .3em solid transparent !important;}

[class*=onum] .two {width: 3.6em;}
[class*=onum] .two .figuredash {width: 5.6em; height: 3.8em;}
[class*=onum] .two .figuredash::before {width: 3.8em;}

sup .two, [class*=sups] .two, sub .two, [class*=subs] .two, [class*=frac] .two, [class*=circ] .two
{width: 2.4em;}

sup .two .figuredash, [class*=sups] .two .figuredash, [class*=frac] .two .figuredash,
sub .two .figuredash, [class*=subs] .two .figuredash, [class*=circ] .two .figuredash
{width: 3.6em;height: 2.5em;}
sup .two .figuredash::before, [class*=sups] .two .figuredash::before, [class*=frac] .two .figuredash::before,
sub .two .figuredash::before, [class*=subs] .two .figuredash::before, [class*=circ] .two .figuredash::before
{width: 2.5em;}

/*   =====================   T H R E E   =====================   */

.three, .threeonum {width: 3.8em;margin-left: .6em;margin-right: 1em;}

sup .three, sub .three, .bold sup .three, .bold sub .three,
[class*=sups] .three, [class*=subs] .three, [class*=frac] .three, [class*=circ] .three,
.bold.sups .three, .bold.subs .three, .bold.frac .three, .bold [class*=sups] .three, .bold [class*=subs] .three, .bold [class*=frac] .three, .bold [class*=circ] .three {width: 2.1em;}
.three::before {transform: rotate(-45deg);transform-origin: bottom right;width: 3.5em;}
sup .three::before, sub .three::before,
[class*=sups] .three::before, [class*=subs] .three::before, [class*=frac] .three::before, [class*=circ] .three::before {width: 1.8em;}

.three::after {border-left-color: transparent;width: 4.7em; height: 4.7em;}
.light .three::after {width: 4.6em; height: 4.6em;}
.bold .three::after {width: 4.8em; height: 4.8em;}
sup .three::after, sub .three::after,
[class*=sups] .three::after, [class*=subs] .three::after, [class*=frac] .three::after, [class*=circ] .three::after {width: 2.6em;height: 2.4em;}

.three::after {left: 50%; transform: translateX(-50%) rotate(18deg);}

/*   =====================   F O U R   =====================   */

.four {width: 6em; margin-left: .2em; margin-right: .2em;}
.four .bar {width: 79%;}
.four .bar::before {right: 0;}
.four .bar::after {transform: rotate(-50deg);transform-origin: top left;left: 0;height: 0;width: 150%;border-bottom-style: solid;}

.four::after, .four .bar::after {bottom: 1.5em;}
.fouronum .four::after, .onum .four::after {bottom: 0;}

sup .four, sub .four, [class*=sups] .four, [class*=subs] .four, [class*=frac] .four, [class*=circ] .four
{width: 3.2em;}

sup .four::before, sub .four::before,
[class*=sups] .four::before, [class*=subs] .four::before, [class*=frac] .four::before, [class*=circ] .four::before {height: 72%;}

sup .four::after, [class*=sups] .four::after, [class*=frac] .four::after, [class*=circ] .four::after {bottom: 4.8em;}
sup .four .bar::after, [class*=sups] .four .bar::after, [class*=frac] .four .bar::after, [class*=circ] .four .bar::after,
sub .four .bar::after, [class*=subs] .four .bar::after {bottom: .8em;}

sub .four::after, [class*=subs] .four::after, [class*=frac] .slash ~ .four::after {bottom: .2em;}

/*   =====================   F I V E   =====================   */

.five {margin-left: 1em;margin-right: .8em;}

sup .five, sub .five,
[class*=sups] .five, [class*=subs] .five, [class*=frac] .five, [class*=circ] .five {width: 1.8em;margin-left: .7em; margin-right: .5em;}
.five::before {transform: skew(-6deg);transform-origin: top left;height: calc(2.4em + (var(--border) * .85));}

sup .five::before, sub .five::before, .bold sup .five::before, .bold sub .five::before,
[class*=sups] .five::before, [class*=subs] .five::before, [class*=frac] .five::before, [class*=circ] .five::before
{height: calc(1.3em + (var(--border) * .85)) !important;}

.five::after {border-left-color: transparent;width: 5em;height: 5em;left: calc(-1.5em + (var(--border) / 3));transform: rotate(15deg);}
sup .five::after, sub .five::after,
[class*=sups] .five::after, [class*=subs] .five::after, [class*=frac] .five::after, [class*=circ] .five::after
{width: 2.6em;height: 2.6em; left: calc(-.8em + (var(--border) / 3));}

/*   =====================   S I X   =====================   */

.six, .nine {margin-left: .4em; margin-right: .4em;}

.six, .six:after, .nine, .nine::before {width: 4.6em;}
.six::after, .nine::before {height: 4.6em;}
.six:before, .nine::after {width: 4.2em; height: 4.8em;}
.six:before {border-radius: 90% 0 0 0;}
.nine::after {border-radius: 0 0 90% 0;}

sup .six, sub .six, sup .nine, sub .nine, sup .six::after, sub .six::after, sup .nine::before, sub .nine::before,
[class*=sups] .six, [class*=subs] .six, [class*=frac] .six, [class*=circ] .six,
[class*=sups] .nine, [class*=subs] .nine, [class*=frac] .nine, [class*=circ] .nine,
[class*=sups] .six::after, [class*=subs] .six::after, [class*=frac] .six::after, [class*=circ] .six::after,
[class*=sups] .nine::before, [class*=subs] .nine::before, [class*=frac] .nine::before, [class*=circ] .nine::before {width: 2.5em;}

sup .six::after, sub .six::after, sup .nine::before, sub .nine::before,
[class*=sups] .six::after, [class*=subs] .six::after, [class*=frac] .six::after, [class*=circ] .six::after,
[class*=sups] .nine::before, [class*=subs] .nine::before, [class*=frac] .nine::before, [class*=circ] .nine::before {height: 2.5em;}

sup .six::before, sub .six::before, sup .nine::after, sub .nine::after,
[class*=sups] .six::before, [class*=subs] .six::before, [class*=frac] .six::before, [class*=circ] .six::before,
[class*=sups] .nine::after, [class*=subs] .nine::after, [class*=frac] .nine::after, [class*=circ] .nine::after {width: 2.3em; height: 2.6em;}

/*   =====================   S E V E N   =====================   */

.seven {margin-left: .2em; margin-right: 0;}
[class*=onum] .seven {margin-left: .1em; margin-right: .4em;}
[class*=onum] .seven::after {top: 65%;}

sup .seven, [class*=sups] .seven, sub .seven, [class*=subs] .seven, [class*=frac] .seven, [class*=circ] .seven {width: 2.4em;}
.seven .figuredash::after {width: 9em;height: 0;right: 0;transform: rotate(-64deg);transform-origin: bottom right;}

/*   =====================   E I G H T   =====================   */

.eight, [class*=salt] .three {width: 4.8em; margin: 0 .5em;}
.eight::before, [class*=salt] .three::before {width: 86%;height: calc(48% + (var(--border) / 2) + .1em);}
.eight::after, [class*=salt] .three::after {height: 4.2em;height: calc(52% + (var(--border) / 2) + .1em);} 

sup .eight, [class*=sups] .eight, sub .eight, [class*=subs] .eight, [class*=frac] .eight, [class*=circ] .eight,
sup [class*=salt] .three, [class*=sups][class*=salt] .three, sub [class*=salt] .three, [class*=subs][class*=salt] .three, [class*=frac][class*=salt] .three
{width: 2.8em;}

sup .eight::before, [class*=sups] .eight::before, [class*=frac] .eight::before, 
sub .eight::before, [class*=subs] .eight::before, [class*=circ] .eight::before,
sup [class*=salt] .three::before, [class*=sups][class*=salt] .three::before, 
sub [class*=salt] .three::before, [class*=subs][class*=salt] .three::before, [class*=frac][class*=salt] .three::before
{height: calc(1.72em + (var(--border) / 2) + .1em);}

sup .eight::after, [class*=sups] .eight::after, [class*=frac] .eight::after,  
sub .eight::after, [class*=subs] .eight::after, [class*=circ] .eight::after,
sup [class*=salt] .three::after, [class*=sups][class*=salt] .three::after, 
sub [class*=salt] .three::after, [class*=subs][class*=salt] .three::after, [class*=frac][class*=salt] .three::after
{height: calc(1.87em + (var(--border) / 2) + .1em);}

/*   =====================   C I R C   =====================   */

[class*=circ] .three::before, [class*=circ] .three .figuredash, 
[class*=circ] .four .bar,
[class*=circ] .five::before, [class*=circ] .five .figuredash, 
[class*=circ] .six::before,
[class*=circ] .seven::before, [class*=circ] .seven .figuredash
{top: 1.7em;}

[class*=circ] .zero::before, [class*=circ] .eight::before, [class*=circ] .nine::before
{top: 1.6em;}

[class*=circ] .three::after, [class*=circ] .five::after, [class*=circ] .six::after, [class*=circ] .eight::after
{bottom: 1.6em;}

[class*=circ] .one::after, [class*=circ] .one .bar, [class*=circ] .two::after, [class*=circ] .two .figuredash, [class*=circ] .nine::after
{bottom: 1.7em;}

[class*=circ] .four::after {bottom: 2.5em;}

.eth::after {height: 5em; border-radius: 0 100% 0 0; bottom: 2.75em;}
.eth .slash::after {transform: rotate(75deg);top: -1.5em;left: 2em;}

.less, .more {width: 4em;margin: 0 .8em;}
a [class^=arrow]::before, button [class^=arrow]::before {width: 4.8em;height: 4.8em;}
[class*=arrow][class*=size]::before, [class*=size] [class^=arrow]::before {width: 5em;height: 5em;}

[class*=strk]::after {border-right-color: var(--background); border-right-width: calc((var(--border) / 3) + .3em); border-left-width: calc((var(--border) / 3) + .3em);height: 10em;}

.less::after, .guilsinglleft::after {transform: translate(-25%, -50%) rotate(45deg);}
.more::after, .guilsinglright::after {transform: translate(-75%, -50%) rotate(45deg);}

.guillemotleft::before, .guillemotleft::after, .guillemotright::before, .guillemotright::after {transform: translateY(-50%) rotate(45deg);}
.guillemotleft::before {left: 1.4em;}
.guillemotleft::after {left: 4em;}
.guillemotright::before {right: 4em;}
.guillemotright::after {right: 1.4em;}

/*   =====================   E Q U A L   =====================   */

.equal, .notequal {width: 4em;}
.equal::before {top: calc(2.5em - (var(--border) / 2));}
.equal::after {top: calc(4.5em - (var(--border) / 2));}

.Rupee .equal::before, .Rupee .equal::after {width: 5.6em;}
.Rupee .equal::after {top: calc(2.2em - (var(--border) / 2));}
.Yen .equal {top: 1em;}
.Naira .equal {width: 140%;}

.logicalnot::after {height: 2.4em;}

/*   =====================   C O M M O N   M E T R I C S   =====================   */

.question, .questiondown, .five, .fiveonum, [class*=onum] .seven::after, .f, .f::after, .longs::after, .florin, .i, .igrave, .iacute, .icircumflex, .itilde, .idieresis, .imacron, .ibreve, .iogonek, .dotlessi, .t, .tcedilla, .tcommaaccent, .tbar, .tcommabelow, .Lslash::after, .lslash::after, .Eth::after, .Sterling::after, .E::after, .F::after, .hbar::after, .dbar::after, .Tbar::after, .tbar::after, .trademark .T, .dagger, .daggerdbl, .section
{width: 3.6em;}

.notdef,
.h, .hcircumflex, .hbar,
.n, .ntilde, .nacute, .ncaron, .ncommabelow, .eng,
.u, .ugrave, .uacute, .ucircumflex, .utilde, .udieresis, .uring, .umacron, .uhungarumlaut, .ubreve, .uogonek, .micro,
.ysalt,  .yacutesalt, .ycircumflexsalt, .ydieresissalt, 
.salt .y, .ysalt .y,  .yacutesalt .y, .ycircumflexsalt .y, .ydieresissalt .y 
{width: 4.6em;}

.zero, .zeroslsh, .guilsinglleft, .guilsinglright, .c::before, .delta, .alpha .o, .underscore, .Euro, .Sterling, .eth, .partialdiff, .e, .egrave, .eacute, .ecircumflex, .etilde, .edieresis, .ering, .emacron, .ebreve, .eogonek, .ecaron, .edotaccent, .schwa, .o, .ograve, .oacute, .ocircumflex, .otilde, .odieresis, .omacron, .oslash, .ohungarumlaut, .obreve, .partialdiff::after, .eth::after
{width: 5em;}

.guillemotleft, .guillemotright
{width: 7em;}

.thorn, .p, .q, .b, .d, .dcommaaccent, .dbar, 
.asalt, .agravesalt, .aacutesalt, .acircumflexsalt, .atildesalt, .adieresissalt, .aringsalt, .amacronsalt, .abrevesalt, .aogoneksalt,
.salt .a, .asalt .a, .agravesalt .a, .aacutesalt .a, .acircumflexsalt .a, .atildesalt .a, .adieresissalt .a, .aringsalt .a, .amacronsalt .a, .abrevesalt .a, .aogoneksalt .a, .aesalt .a,
.gsalt, .gcircumflexsalt, .gbrevesalt, .gcommaaccentsalt, .gdotaccentsalt, .gcaronsalt,
.salt .g, .gsalt .g, .gcircumflexsalt .g, .gbrevesalt .g, .gcommaaccentsalt .g, .gdotaccentsalt .g, .gcaronsalt .g
{width: 4.8em;}

/*   =====================   M A R G I N S   =====================   */

.a, .agrave, .aacute, .acircumflex, .atilde, .adieresis, .aring, .amacron, .abreve, .aogonek, .micro
{margin-right: 1.2em;}

/*   =====================   F L A T   =====================   */

.plus, .minus, .hyphen, .equal, .notequal
{margin: 0 1em;}

.H, .Hcircummflex, .Hbar,
.M, .Onethousandroma, 
.N, .Ntilde, .Nacute, .Ncommabelow, .Ncaron, .Eng, .Pi,
.square, .squareblck
{margin: 0 1em;} 

.d, .dcommaaccent, .dbar, .eth,
.salt .a, .asalt, .agravesalt, .aacutesalt, .acircumflexsalt, .atildesalt, .adieresissalt, .aringsalt, .amacronsalt, .abrevesalt, .aogoneksalt, .aesalt,
.salt .g, .gsalt, .gcircumflexsalt, .gbrevesalt, .gcommaaccentsalt, .gdotaccentsalt, .gcaronsalt, 
.salt .y, .ysalt,  .yacutesalt, .ycircumflexsalt, .ydieresissalt,
.u, .ugrave, .uacute, .ucircumflex, .utilde, .udieresis, .uring, .umacron, .uhungarumlaut, .ubreve, .uogonek, 
.q, .paragraph
{margin-right: 1em;}

.B, .Beta, .Bitcoin, .Baht, .b, 
.D, .Dcaron, .Eth,
.E, .Egrave, .Eacute, .Ecircumflex, .Edieresis, .Emacron, .Ecaron, .Ebreve, .Edotaccent, .Eogonek, .F, 
.L, .Lcommaaccent, .Lacute, .Lcommabelow, .Ldot, .Lslash,
.P, .R, .Racute, .Rcaron, .Rcommabelow,
.h, .hcircumflex, .hbar,
.K, .Kcommabelow, .Kappa, 
.k, .kcommabelow, .kappa, 
.m, .n, .ntilde, .nacute, .ncaron, .ncommabelow, .eng, 
.p, .Gamma, .micro, .Thorn, .thorn,
.r, .racute, .rcaron, .rcommabelow
{margin-left: 1em;} 

/*   =====================   H A L F   R O U N D E D   =====================   */

.U, .Ugrave, .Uacute, .Ucircumflex, .Utilde, .Udieresis, .Uring, .Umacron, .Uhungarumlaut, .Ubreve, .Uogonek,
.u, .ugrave, .uacute, .ucircumflex, .utilde, .udieresis, .uring, .umacron, .uhungarumlaut, .ubreve, .uogonek,
.salt .y, .ysalt, .yacutesalt, .ycircumflexsalt, .ydieresissalt,
.Germandbls, .germandbls 
{margin-left: .8em;}

.J, .Jcircumflex, .IJ,
.U, .Ugrave, .Uacute, .Ucircumflex, .Utilde, .Udieresis, .Uring, .Umacron, .Uhungarumlaut, .Ubreve, .Uogonek
{margin-right: .8em;}

.j, .dotlessj, .jcircumflex, .ij, .fjliga, .ffjliga
{margin-right: 1em;}

.h, .hcircumflex, .hbar,
.m, .n, .ntilde, .nacute, .ncaron, .ncommabelow, .eng, .apostrophen
{margin-right: .8em;}

.G, .Gcircumflex, .Gbreve, .Gdotaccent, .Gcommabelow, .Guarani
{margin-right: .8em;}

.B, .Beta, .Bitcoin, .Baht, .Germandbls, .germandbls,
.R, .Racute, .Rcaron, .Rcommabelow
{margin-right: .8em;}

/*   =====================   O V A L   =====================   */

.zero, .eight
{margin: 0 .7em;}

.S, .Sacute, .Scedilla, .Scircumflex, .Scaron, .Scommabelow, .Dollar,
.o, .ograve, .oacute, .ocircumflex, .otilde, .odieresis, .omacron, .oslash, .ohungarumlaut, .obreve, 
.digit[class*=circ], [class*=arrow][class*=circ], .circle, .circleblck, .clock, .clockblck
{margin: 0 .6em;}

.a, .agrave, .aacute, .acircumflex, .atilde, .adieresis, .aring, .amacron, .abreve, .aogonek, .ae
{margin-left: .6em;}

.G, .Gcircumflex, .Gbreve, .Gdotaccent, .Gcommabelow, .Guarani,
.O, .Ograve, .Oacute, .Ocircumflex, .Otilde, .Odieresis, .Omacron, .Obreve, .Oslash, .Ohungarumlaut, .Omega, .Q
{margin-left: .6em;}

.letter[class^=a][class*=salt], [class*=salt] .letter[class^=a], 
.letter[class^=g][class*=salt], [class*=salt] .letter[class^=g], 
.c, .ccedilla, .cacute, .ccaron, .ccircumflex, .cdotaccent, .cent, .onehundredroma, 
.d, .dcommaaccent, .dbar, .eth, .partialdiff, 
.e, .egrave, .eacute, .ecircumflex, .edieresis, .emacron, .ebreve, .ecaron, .edotaccent, .eogonek, 
.oe, .q
{margin-left: .6em;}

.D, .Dcaron, .Eth, .delta, .eth, .partialdiff, 
.O, .Ograve, .Oacute, .Ocircumflex, .Otilde, .Odieresis, .Omacron, .Obreve, .Oslash, .Ohungarumlaut, .Omega, .Q, 
.b, .p, .thorn, .Schwa, .schwa
{margin-right: .6em;}

.e, .egrave, .eacute, .ecircumflex, .edieresis, .emacron, .ebreve, .ecaron, .edotaccent, .eogonek, .schwa, .ae, .oe
{margin-right: .4em;}

.Schwa, .schwa 
{margin-left: .5em;}

/*   =====================   M E D I U M   =====================   */

.I, .Igrave, .Iacute, .Icircumflex, .Itilde, .Idieresis, .Imacron, .Ibreve, .Idotaccent, .Iogonek, .Oneroma, .oneroma
{margin: 0 .4em;}

.i, .igrave, .iacute, .icircumflex, .itilde, .idieresis, .imacron, .ibreve, .iogonek, .dotlessi, .ij
{margin-left: .5em;}

.j, .dotlessj, .jcircumflex, .dotlessj
{margin-left: .4em;}

.E, .Egrave, .Eacute, .Ecircumflex, .Edieresis, .Emacron, .Ecaron, .Ebreve, .Edotaccent, .Eogonek, .AE, .OE,
.t, .tbar, .tcedilla, .tcommaaccent, .tcommabelow, .st
{margin-right: .5em;}

/*   =====================   S M A L L   =====================   */

.Z, .Zacute, .Zcaron, .Zdotaccent, 
.z, .zacute, .zcaron, .zdotaccent,
.J, .Jcircumflex,
.l, .lacute, .lcommaaccent, .lcommabelow, .ldot, .lslash
{margin-left: .3em;}

.Z, .Zacute, .Zcaron, .Zdotaccent, 
.z, .zacute, .zcaron, .zdotaccent
{margin-right: .3em;}

/*   =====================   T H I N   =====================   */

.f,
.t, .tcedilla, .tcommaaccent, .tbar, .tcommabelow
{margin-left: .0em;}

.i, .igrave, .iacute, .icircumflex, .itilde, .idieresis, .imacron, .ibreve, .iogonek, .dotlessi
{margin-right: .3em;}
.l, .lacute, .lcommaaccent, .lcommabelow, .ldot, .lslash
{margin-right: 0;}

.F
{margin-right: -.1em;}

.T, .Tcedilla, .Tcaron, .Tcommabelow, .Tbar
{margin: 0 -.4em;}
.Y, .Ygrave, .Yacute, .Ydieresis, .Ycircumflex, .Yen
{margin: 0 -.6em;}

/*   =====================   A   =====================   */

.A, .Agrave, .Aacute, .Acircumflex, .Atilde, .Adieresis, .Aring, .Amacron, .Abreve, .Aogonek, .V, .radical, .Fiveroma, .Alpha, .Lambda
{width: calc(6em + (var(--border) / 1.5));}

.A .underscore {width: calc(4.2em + (var(--border) / 3));} 
.A .underscore::before {top: calc(4.9em - (var(--border) / 2));} 
.A::before, .A::after, .Delta::before, .Delta::after {transform-origin: top;}
.A::before, .Delta::before {transform: translateX(-50%) skew(-22deg);}
.A::after, .Delta::after {transform: translateX(-50%) skew(22deg);}

.AE {width: 8.4em;}
.AE .underscore::before {width: 6.2em;top: 3.5em;left: 1.6em;}
.AE::before {width: 3em;transform: skew(-22deg);transform-origin: bottom;}

.a, .agrave, .aacute, .acircumflex, .atilde, .adieresis, .aring, .amacron, .abreve, .aogonek {width: 4.4em;}
.ae {width: calc(9.4em - var(--border));}
.OE {width: calc(10.4em - var(--border));}
.oe {width: calc(10em - var(--border));}

/*   =====================   B   =====================   */

.B, .Beta, .Bitcoin, .Baht, .textbold, .B::after {width: 5em;}
.B::before, .B::after, .Germandbls::after, .germandbls::after, .P::after, .R::after, .Thorn::after {border-radius: 0 2.4em 2.4em 0;}
.B::before {width: 4.6em;height: calc(48% + (var(--border) / 2));}
.Bitcoin::before {width: 2.4em; left: .8em;}

.germandbls::before, .beta::before {height: calc(48% + (var(--border) / 2) + .1em);}
.B::after, .germandbls::after, .Germandbls::after {height: calc(52% + (var(--border) / 2))}
.beta::after {height: calc(52% + (var(--border) / 2) + .1em);}

.Germandbls {width: 5.6em;}
.germandbls {width: 5em;}
.beta {width: 4.6em;}

.Germandbls::after, .germandbls::after {width: calc(100% - 2em);}
.Germandbls::after, .germandbls::after, .Germandbls::before {left: 2em;}

.Germandbls .bar::before {width: 5.3em;}
.Germandbls::before {height: calc(3.5em - (var(--border) / 3)); bottom: calc(52% + (var(--border) / 2)); transform: rotate(43deg); transform-origin: bottom left; border-top-right-radius: calc(var(--border) * .8);} /* height 3.1 3.2 3.3 */

.germandbls::before, .germandbls .bar::before, .beta::before, .beta .bar::before {width: 4em;}
.germandbls .bar::before, .beta .bar::before {border-radius: 2em 0 0 0;} 
.Germandbls .bar::before {border-radius: 2.4em 3.4em 0 0;} 
.Germandbls .bar::before, .germandbls .bar::before {height: calc(100% + .1em);}
.beta .bar::before {height: calc(100% + 2.1em);}

/*   =====================   C   =====================   */

.C, .Ccedilla, .Cacute, .Ccircumflex, .Cdotaccent, .Ccaron, .Cedi, .Onehundredroma {width: 5.8em; margin-right: .6em; margin-left: .6em;}
.c, .ccedilla, .cacute, .ccaron, .ccircumflex, .cdotaccent, .cent, .onehundredroma {width: 4.9em; margin-right: .5em;}

.C::before {width: 6em; -webkit-clip-path: polygon(0 0, 100% 0, 100% 2.4em, 50% 2.4em, 50% 4.8em, 100% 4.8em, 100% 100%, 0 100%);clip-path: polygon(0 0, 100% 0, 100% 2.4em, 50% 2.4em, 50% 4.8em, 100% 4.8em, 100% 100%, 0 100%);}
.c::before {-webkit-clip-path: polygon(0 0, 100% 0, 100% 2em, 50% 2em, 50% 3.7em, 100% 3.7em, 100% 100%, 0 100%);clip-path: polygon(0 0, 100% 0, 100% 2em, 50% 2em, 50% 3.7em, 100% 3.7em, 100% 100%, 0 100%);}

/*   =====================   D   =====================   */

.D, .Dcaron, .Eth, .Fivehundredroma {width: 5.8em;}
.D::before, .Eth::before {border-radius: 0 3.4em 3.4em 0;}
.dcommaaccent {width: 5.6em;}
.fivehundredroma, .fivehundredroma .D {width: 5.2em;}

.E, .Egrave, .Eacute, .Ecircumflex, .Edieresis, .Emacron, .Ebreve, .Edotaccent, .Eogonek, .Ecaron, .AE::after, .F, .seven, .textunderline, .textunderline .U
{width: 4.4em;}

/*   =====================   G   =====================   */

.G, .Gcircumflex, .Gbreve, .Gdotaccent, .Gcommabelow, .Guarani {width: 5.4em;}
.g, .gcircumflex, .gbreve, .gcommaaccent, .gdotaccent, .gcaron {width: 5em; margin-left: .6em; margin-right: .6em;}

.G::before {width: 6.4em;}
.G::after {width: 2.6em; height: calc(2.8em + (var(--border) / 3));} /* 3.0 3.1 3.2*/

.g::before {width: 4.8em; height: 4.4em; border-radius: 48%;}
.g .o::after {box-sizing: content-box;width: 1.6em; height: 1.6em; border-radius: 50% 50% 0 50%; border-right-color: transparent; border-right-width: calc(var(--border) / 2); border-top-width: calc(var(--border) / 1.5);  bottom: calc(100% - var(--border) + .1em);}
.g::after {width: 2.2em;height: 1.4em;top: .4em;left: 3.2em;border-bottom-right-radius: 100%;transform: scale(-1);}
.g .o {width: 5.8em; height: 3.8em; top: 7em; left: -.2em;}
.g .o::before {border-top-left-radius: 120% 130%; border-top-right-radius: 90% 110%; border-bottom-right-radius: 140% 150%; border-bottom-left-radius: 120% 140%;}

.dagger::after, .daggerdbl::after {height: 5em; top: 1em;}
.dagger::before, .daggerdbl::before {top: -1em;}

/*   =====================   H   =====================   */

.H, .Hcircumflex, .Hbar {width: 5.4em;} 

.Hbar::after {width: 124%;top: 1em;left: -12%;}
.hbar::after, .dbar::after {top: -.3em;}
.hbar::after {left: -.8em;}
.dbar::after {right: -1em;}

.lslash::after, .Tbar::after {top: calc(50% - .9em);}

/*   =====================   I   =====================   */

.I, .Igrave, .Iacute, .Icircumflex, .Itilde, .Idieresis, .Imacron, .Ibreve, .Idotaccent, .Iogonek, .Oneroma, .oneroma, .hyphen, .macron {width: 3em;}

.J, .letter[class^=J] {width: 4.6em;}
.J::before {border-radius: 0 0 2.4em 2.4em;-webkit-clip-path: polygon(0 4.5em, 1.8em 4.5em, 1.8em 0, 100% 0%, 100% 100%, 0 100%);clip-path: polygon(0 4.5em, 1.8em 4.5em, 1.8em 0, 100% 0%, 100% 100%, 0 100%);}
.icircumflex .circumflex {left: 38%;}

.j, .jcircumflex, .dotlessj, .j::before, .dotlessj::before {width: calc(1.8em + (var(--border) / 2));}
.letter.Jcircumflex .circumflex {left: 70%;} 
.jcircumflex .circumflex {left: 78%;}

/*   =====================   K   =====================   */

.K, .Kcommabelow, .Kappa {width: calc(5.1em + var(--border));}
.k, .kcommabelow, .kappa {width: calc(4.1em + var(--border));}

.K::before, .k::before {transform-origin: top right;}
.K::before {height: 7.6em;}
.k::before {height: 6.2em;}

.K .bar::after, .k .bar::after {transform: rotate(-36deg); transform-origin: bottom right;}
.K .bar::after {height: 5.2em;}
.k .bar::after {height: 4.1em;}

/*   =====================   L   =====================   */

.L, .Lacute, .Lcommaaccent, .Lcommabelow, .Ldot, .Lslash, .Fiftyroma, .Gamma, .Pi {width: 4.8em;} 
.letter[class^=L], .Fiftyroma, .Gamma {margin-right: -.3em;} 
.Lcommaaccent .comma {left: 4.4em;} 

.l, .lacute, .lcommaaccent, .lcommabelow, .lslash {width: 4em;}
.ldot {width: 5.4em;}
.Lslash::before {transform: rotate(-24deg);}
.Lslash::before {left: -2.2em;}
.lslash::after {transform: translateX(-50%) rotate(-25deg);}

.Ldot .period, .ldot .period {left: 4em;}

/*   =====================   M   =====================   */

.M::before, .M::after {height: 80%;}
.onethousandroma .M::before, .onethousandroma .M::after {height: 65%;}
.sign[class*=mark] .M::before, .sign[class*=mark] .M::after {height: 3em;}

.sign[class*=mark] .M {width: calc(2.8em + (var(--border) * 2));margin-left: .6em !important;}

.M::before {transform: translateX(-50%) skew(28deg);} 
.M::after {transform: translateX(-50%) skew(-28deg);} 
.emdash {width: 7.2em;}
.M, .Onethousandroma {width: calc(5.6em + (var(--border) * 2));}
.onethousandroma, .onethousandroma .M {width: calc(4.6em + (var(--border) * 2));}

.m {width: calc(8em - ((var(--border) / 1.5) / 2));} /* 80 77 74 */

/*   =====================   N   =====================   */

.N, .Ntilde, .Nacute, .Ncommabelow, .Ncaron, .Naira, .Eng, .endash {width: 5.6em;} /* 5.6 */
.thin .N .slash::after {transform: translate(-50%, -50%) rotate(-36deg);}
.N .slash::after {transform: translate(-50%, -50%) rotate(-32deg);}
.light .N .slash::after {transform: translate(-50%, -50%) rotate(-34deg);}
.bold .N .slash::after {transform: translate(-50%, -50%) rotate(-30deg);}

.numero {width: 11.2em;}

/*   =====================   O   =====================   */

.O, .Ograve, .Oacute, .Ocircumflex, .Otilde, .Odieresis, .Omacron, .Obreve, .Oslash, .Ohungarumlaut, .Omega, .Q, .Schwa, .location, .location::before, .reply, .forward, .dropletstrk, .tcommaaccent, .Euro, .parenleft::after, .parenright::after
{width: 6em;}

.Omega::before, .Omega::after {width: 1.8em;}
.Omega .O::before {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 70% 100%, 70% 66%, 30% 66%, 30% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 70% 100%, 70% 66%, 30% 66%, 30% 100%, 0 100%);
}

.Ohungarumlaut .hungarumlaut, .ohungarumlaut .hungarumlaut {margin-left: .4em;}

/*   =====================   P R   =====================   */

.P, .R, .Thorn, .Racute, .Rcommabelow, .Rcaron {width: 5.2em;}
.R, .Thorn, .Racute, .Rcommabelow, .Rcaron {margin-right: .5em;}
.P::after, .R::after, .Thorn::after {height: 4.5em;}

.R .slash {height: 40%;}
.R .slash::after {transform: rotate(-26deg);transform-origin: bottom right;}
.Rupee {width: 4.8em;}

.Q::after {width: 3em; transform-origin: left bottom;top: 65%;left: 50%;}

/*   =====================   R E G I S T E R E D   =====================   */

.sign.registered, .sign.registered::before {width: 4.6em;}
.sign.registered::before {height: 4.6em;}

.registered .R {width: 1.8em; height: 2em; top: 2.2em;left: 52.3%;}
.registered .R::after {height: 1.5em;}

[class*=size] .registered + .R, .soundcopyright .P {width: calc(2.2em + var(--border)); height: 3.6em; top: 50%; left: 52%;} 
.soundcopyright .P {left: 55%;} 
[class*=size] .registered + .R::after, .soundcopyright .P::after {height: 2.6em;}

/*   =====================   B O X   O V E R F L O W   =====================   */

.seven .figuredash, .K .bar, .k .bar, .M .bar, .N .slash, .R .slash, .X .slash, .x .X, .Y .V, .Z .slash, .z .Z, .estimated, .envelope, .envelopeblck, .one .bar, .four .bar, .y .slash
{overflow: hidden;}

.degree, .degree::before {width: 3.6em;}
.degree::before {height: 3.6em;}

.ring, .ring::before {width: calc(1.8em + (var(--border) / 1.5));} /* 22 24 26 6/1.5=4 9/1.5=6 12/1.5=8 */
.ring::before {height: calc(1.8em + (var(--border) / 1.5)); top: -.6em;}

.breve {width: 3.6em;}
.breve::after {width: 4em;height: 5em;top: -4.6em;border-radius: 0 0 1.8em 1.8em;border-bottom: calc(var(--border) + .1em) solid !important;border-left-width: calc(var(--border) / 3) !important;border-right-width: calc(var(--border) / 3) !important;}

/*   =====================   S   =====================   */

.S, .Sacute, .Scedilla, .Scircumflex, .Scaron, .Scommabelow, .Dollar {width: 5em;}
.s, .sacute, .scircumflex, .scaron, .scedilla, .scommabelow {width: 4.2em;margin: 0 .4em;}

.S::before, .S::after, .s::before, .s::after {transform: rotate(26deg) skewY(-9deg);}
.S::before, .s::before {width: 90%;left: .2em;border-radius: 50% 50% 0 50%;-webkit-clip-path: polygon(100% 0, 100% 32%, 50% 50%, 100% 100%, 0 100%, 0 0);clip-path: polygon(100% 0, 100% 32%, 50% 50%, 100% 100%, 0 100%, 0 0);}
.S::after, .s::after {border-radius: 0 50% 50% 50%; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 69%, 50% 50%, 0 -10%);clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 69%, 50% 50%, 0 -10%);}

.S::before {height: calc(3.4em + ((var(--border) / 3) * 1.5));}
.S::after {height: calc(3.6em + ((var(--border) / 3) * 1.5));}

.s::before {height: calc(2.7em + ((var(--border) / 3) * 1.5));}
.s::after {height: calc(2.8em + ((var(--border) / 3) * 1.5));}

/*   =====================   S E C T I O N   =====================   */

.section::before, .section::after {width: calc(2.9em + var(--border));height: calc(2.9em + var(--border));}
.section::before {border-radius: 3em 3em 0 3em;top: -1.5em;transform: translateX(-50%) rotate(26deg); -webkit-clip-path: polygon(100% 0, 100% 26%, 50% 50%, 100% 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% 26%, 50% 50%, 100% 100%, 0 100%, 0 0);}
.section::after {border-radius: 0 3em 3em 3em;bottom: -1.5em;transform: translateX(-50%) rotate(24deg); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 74%, 50% 50%, 0 2%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 69%, 50% 50%, 0 0);}

.dollaroldstyle {top: -1em;}
.dollaroldstyle::before, .dollaroldstyle::after {transform: rotate(42deg) translate(-46%, 38%);box-sizing: content-box;}
.dollaroldstyle::before {width: 1.8em;height: 1.8em;top: .9em; border-radius: 50% 50% 0 50%;}
.dollaroldstyle::after {width: 2.1em;height: 2.1em;bottom: .8em; border-left: solid transparent;border-radius: 0 5em 5em 5em;}

.light .dollaroldstyle::before {width: 2.2em;height: 2.2em;}
.light .dollaroldstyle::after {width: 2.5em;height: 2.5em;}
.bold .dollaroldstyle::before {width: 1.5em;height: 1.5em;}
.bold .dollaroldstyle::after {width: 1.6em;height: 1.6em;}

.alpha {width: 6.5em;}
.alpha::before, .alpha::after {width: 5.5em;height: 5.7em;bottom: 0;border-radius: 0 42% 0 0;}
.alpha::before {transform: skew(18deg);}
.alpha::after {transform: skew(-18deg) scaleY(-1); top: 1.5em;}
.gamma::after {top: 100%; height: 2em;}

.delta {width: 3.8em;}
.delta .o {bottom: 0;}
.delta .o::before {height: 5.1em;top: 2em;}
.delta::before {height: 3.8em;transform: rotate(-52deg);transform-origin: top left;}
.light .delta::before {transform: rotate(-53deg);height: 4em;}
.bold .delta::before {transform: rotate(-50deg); height: 3.8em;}

[class*=gcomma] .comma {top: -1.2em !important; left: 50%;}

/*   =====================   Q U E S T I O N   =====================   */

.question::before {border-radius: 50% 50% 50% 0; border-left-color: transparent;}
.question::after {border-left: .2em solid transparent !important; left: 1.2em; border-radius: 2em 0 0 2em;width: 3em;height: 3em; top: calc(3.9em - (var(--border) * 1.5));}

/*   =====================   A T   =====================   */

.at {width: 5em;}
.at::before {height: 4.4em;border-top-left-radius: 60% 80%;border-top-right-radius: 40%;border-bottom: 0;}
.at .o, .at .o::before {width: 3em; height: 3.8em;}
.at .o {top: 2em;}
.at .o::before {border-radius: 60% 0 50% 50%; top: 0;}
.at::after {width: 6.6em;height: 8.6em; top: -.4em;}

.percent .o ~ .o, .perthousand .o ~ .o {top: 3.4em;}
.perthousand .o ~ .o {margin-right: 0;}

/*   =====================   T   =====================   */

.T, .Tcedilla, .Tcaron, .Tcommabelow, .Tbar, .textarea {width: 5.6em;}
.Tbar::after, [class*=onum] .seven::after {left: calc(50% - 1.8em);}
.textarea::before {width: 110%;left: -5%;height: 2.2em;}
.textarea::after {width: 3.2em; left: 1.3em;}

.t::after {height: 7.6em;-webkit-clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%, 0 15%);clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%, 0 20%);}

/*   =====================   U   =====================   */

.U::before {border-radius: 0 0 2.5em 2.5em;}
.U, .Ugrave, .Uacute, .Ucircumflex, .Udieresis, .Uring, .Utilde, .Umacron, .Ubreve, .Uhungarumlaut, .Uogonek {width: 5.2em;}
.textunderline .U::before {height: 5em;}

/*   =====================   V   =====================   */

.v, .fiveroma, .gamma {width: 5.4em;}
.letter[class^=w] .v {width: 3.6em;}

[class*=W] .V {width: calc(4.2em + (var(--border) / 1.2));}
.M::before, .M::after, .V::before, .V::after, .v::before, .v::after, .radical::before, .radical::after {transform-origin: bottom;}
.V::before, .v::before, .radical::before {transform: skew(22deg) translateX(-50%);}
.V::after, .v::after, .radical::after {transform: skew(-22deg) translateX(-50%);}

/*   =====================   W   =====================   */

.letter[class^=W] {margin: 0 -.3em;width: calc((9.0em + (var(--border) / 3)));white-space: nowrap;} 
.w, .wgrave, .wacute, .wcircumflex, .wdieresis {width: 6.8em;margin: 0 .4em;}

.letter[class^=W] .V::before, .letter[class^=w] .v::before {transform: skew(16deg) translateX(-50%);}
.letter[class^=W] .V::after, .letter[class^=w] .v::after {transform: skew(-16deg) translateX(-50%);}

/*   =====================   X   =====================   */

.X, .Tenroma {width: 6.6em; margin: 0 -.3em;} 
.x, .tenroma {width: 6.6em;margin: 0 -.8em;} 
.x .X::before, .X .slash::before {transform: translate(-50%, -50%) rotate(36deg);}
.x .X::after, .X .slash::after {transform: translate(-50%, -50%) rotate(-36deg);}

/*   =====================   Y  =====================   */

.Y, .Ygrave, .Yacute, .Ydieresis, .Ycircumflex, .Yen {width: 6.2em;} 
.Y .V::before, .Y .V::after {height: 100%;bottom: 2.4em;} 
.Y .V::before {transform: translateX(-50%) rotate(-28deg);}
.Y .V::after {transform: translateX(-50%) rotate(28deg);}
.Y::after {height: 2.5em;}

.y, .ygrave, .yacute, .ydieresis, .ycircumflex {width: 5.2em;}
.y::after {
	transform: rotate(21deg);
	transform-origin: top right;
	border-radius: 0 0 2em 0em;
	width: 2.5em;
	height: 9em;
	-webkit-clip-path: polygon(0 11%, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 11%, 100% 0, 100% 100%, 0 100%);
	}

.y .slash {width: 70%;right: 43%;}
.y .slash::after {transform: rotate(-20deg); transform-origin: bottom right; top: auto; right: calc(0% - (var(--border) / 2 ));}


/*   =====================   Z   =====================   */

.Z, .Zacute, .Zdotaccent, .Zcaron, .Sigma {width: 4.9em;} 
.Z .slash::after {transform: translate(-50%, -50%) rotate(36deg);} 
.z .Z::after {transform: translate(-50%, -50%) rotate(39deg);} 
.z, .zacute, .zcaron, .zdotaccent {width: 4.2em;} 

/*   =====================   S I G M A   =====================   */

.Sigma::before {transform: rotate(-34deg);transform-origin: top left;}
.Sigma::after {transform: rotate(34deg);transform-origin: bottom left;}
.Sigma::before, .Sigma::after {height: calc(4.2em - var(--border) / 2);}

/*   =====================   A L T E R N A T E S   =====================   */

.salt .a::before, [class*=salt] .a::before {border-top-width: var(--border);}
.salt .a::after, [class*=salt] .a::after {height: 5.5em;}

/*   =====================   B O T T O M   =====================   */

.colon::after, .semicolon .comma, .A::before, .A::after, .B::after, .K .bar::after, .k .bar::after, .kappa .bar::after, .I::after, .oneroma::after, .Schwa::before, .b::before, .h::before, .h::after, .f::after, .t::after, .l::after, .n::after, .m::before, .m::after, .r::after, .t .finial, .radical::before, .radical::after, .pi::after, .longs::after, .Y::after, .Sigma::after, .brokenbar::after, .search::after, [class*=ermandbls]::after, .breve::after, .macro .bar, .period::before, .comma::before, .colon::after, .i::after, .dotlessi::after, .quotesinglbase .comma, .quotedblbase .comma, .R .slash, .a .finial, .ellipsis .dot, .ellipsis::before, .ellipsis::after, .textarea::after, .house::after, .profile::after, .camera::before, .heart::before, .heart .heart::after, .one::after, .one .bar, .nine::after, .two .figuredash, .two .figuredash::after, .two::after, .checkmark::after, .Omega::before, .Omega::after, .numero .o::after, [class*=textalign]::after, .user::before, .y .slash::after
{bottom: 0;}

.plusminus .minus::before, .R .slash::after {bottom: 0 !important; top: auto !important;}
.heart .heart, [class*=salt] .ampersand::after, .approxequal .similar + .similar, .colon::after, .semicolon .comma {top: auto;}

.Delta, .Nabla {width: 5.6em;}

.bracketleft::before, .bracketright::before, .sign.bar::before, .Dollar .bar::before, .Baht .bar::before, .Guarani .bar::before, .Cedi .bar::before, .Bitcoin::before
{height: 10em; top: -1.5em;}
.cent .bar:before {top: 0; height: 8.5em;}

.bracketleft, .bracketright {width: 2.4em; margin: 0 1em;}
.brokenbar:before, .brokenbar:after {height: 60%;}
.brokenbar:before {top: -1.5em;}
.brokenbar:after, [class*=onum] .nine::after {bottom: -1.5em;}

/*   =====================   F R A C T I O N   =====================   */

.slash::after, [class^=not]::after {transform: translate(-50%, -50%) skew(-18deg);} 
.backslash::after {transform: translate(-50%, -50%) skew(18deg);} 
.fraction, .per {width: .6em;}
.per {top: .5em;}

.fraction::after, .per::after, [class*=frac] .sign.slash::after, .Oslash::after, .oslash::after {transform: translate(-50%, -50%) rotate(36deg);}

.per::after, .oslash::after {height: 7.8em; top: calc(50% + .75em);}

[class*=frac] .one + .fraction, [class*=frac] .one + .fraction {left: 3.6em;}
[class*=frac] .three + .fraction, [class*=frac] .three + .fraction {left: 3.2em;}

.a::before {height: 3.6em; border-top-left-radius: 70% 60%; border-bottom-left-radius: 50%; border-bottom-right-radius: 60% 70%; bottom: -.1em;}
.a .finial {height: 2.2em;border-left-width: var(--border);border-bottom-width: var(--border);right: 0;left: calc(100% - var(--border));}
.a .finial::after {right: 100%;border-radius: 3em 2em 0 0;height: 4em;width: 5em;top: -3.4em;}
.ordfeminine .a .finial::after, .ordn .digit ~ .a .finial::after {height: 3em;width: 3.6em;top: -1.6em;}

.finial, .micro::after, .pi::after {width: 2.2em;}
.finial, .micro::after, .pi::after, .t::after {border-bottom-left-radius: 1.2em;}

.alpha .o::before {border-right-width: calc(var(--border) - .3em);}
.h::after, .n::after, .m::before, .m::after, .r::after {border-top-left-radius: 80% 80%; border-top-right-radius: 70% 55%;}

.u::before, .micro::before, .y::before
{border-bottom-right-radius: 80% 80%; border-bottom-left-radius: 70% 60%;}

.integral::before {border-radius: 2em 2em 0 0;}
.integral::after, .hookleftbelow, .j::after, .dotlessj::after {border-radius: 0 0 2em 2em;}
.hookleftbelow, .j::after, .dotlessj::after {width: 3.6em; height: 2.4em;}

.florin .hookleftbelow {right: calc(2.8em - var(--border));}
.florin > * {transform: skew(-6deg); transform-origin: bottom;}

.integral::before, .integral::after {width: 3em;}
.integral::before {bottom: 0;height: 9em;}
.integral::after {right: calc(0% - var(--border));height: 2em;}

.m::before, .m::after {width: 4em;}
.m::after {left: calc(4em - ((var(--border) / 1.5) / 2));}

.salt .g::after, [class*=salt] .g::after, .salt .y::after, [class*=salt] .y::after {border-top: 0 !important;border-left-style: solid;border-left-color: transparent;width: 5em;height: 8em;border-radius: 0 0 3em 4em;left: auto;right: 0;transform: none;}
.salt .y::after, [class*=salt] .y::after {-webkit-clip-path: none; clip-path: none;}

.pi, .pi .underscore::before {width: 6.2em;}
.pi::before {left: -1em;width: 3em; border-radius: 0 0 2em 2em;}
.pi::before, .partialdiff::after {height: 7.2em;}
.partialdiff::after {width: 5.4em;}

.Schwa::before, .schwa::before {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 50%, 50% 50%, 50% 28%, 0 28%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 50%, 50% 50%, 50% 28%, 0 28%);
}

.e::after {bottom: 2.4em; bottom: calc(2.8em - (var(--border) - .1em) / 2); border-top-right-radius: .2em;}

.light .Schwa::before, .light .schwa::before {bottom: calc(48% - .25em);}
.Schwa::after, .schwa::after {border-bottom-left-radius: .2em;}
.e::after, .Schwa::after, .schwa::after {width: 98%;}

.Schwa::after {top: calc(3.5em - (var(--border) - .1em) / 2);}
.schwa::after {top: calc(4.2em - (var(--border) - .1em) / 2);}

.r::after {width: 3.8em; border-right-color: transparent;border-top-right-radius: 70% 40%;}
.r + .commabelow {left: 12%;}

.f::after, .longs::after {height: 8em; border-radius: 2.4em 3em 0 0;} 
.f::after {left: 1em;} 
.longs {width: 2em;} 

.l::before, .t::after, .i::before, .dotlessi::before
{width: calc(50% + (var(--border) / 2));}

/*   =====================   S T   L I G A T U R E   =====================   */

.letter + .s + .t::before, .sign + .s + .t::before, .word > .s:first-child + .t::before, .stliga .t::before
{
	content: "";
	bottom: 3.6em;
	right: calc(50% - (var(--border) / 2));
	border-radius: 50% 50% 0 50%;
	border-style: solid;
	border-bottom-color: transparent;
	border-left-width: calc(var(--border) - .1em);
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 70%, 50% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 70%, 50% 100%, 0 100%);
	width: calc(4em + (var(--border) / 1.5));
	height: calc(4em + (var(--border) / 1.5));
	bottom: calc(4em - (var(--border) - .4em));
} /* width height 4.6 4.8 5; bottom 3.9 3.6 3.3 */

.letter + .s + .t::after, .sign + .s + .t::after, .word > .s:first-child + .t::after, .stliga .t::after
{height: 5.4em; -webkit-clip-path: none; clip-path: none;}


/*   =====================   N O   L I G A T U R E   =====================   */

.tbar::after {top: calc(55% - .4em);}
.stordn .t, .thordn .t, .ordn .digit ~ .t {width: 3em;margin-right: .2em;}

[class*=circ] .four {left: 45%;}
[class*=circ] .six {left: 48%;}
.i .period, .j .period {left: calc(1.8em - var(--border));} /* 1 .8 .4 */

.triangleup::after {top: 47%;}
.triangledown::after {top: 53%;}

/*   =====================   S Y M B O L S   =====================   */

.circle::before, .smile::before, .frown::before, [class*=copyright]::before, .estimated, .zerocirc::before, .onecirc::before, .twocirc::before, .threecirc::before, .fourcirc::before, .fivecirc::before, .sixcirc::before, .sevencirc::before, .eightcirc::before, .ninecirc::before, .pluscirc::before, .multiplycirc::before, .diameter::before, [class^=triangle][class*=circ]::before, .pausecirc::before, [class*=size] .registered::before, .prohibited::before, .noentry::before, .info::before
{width: 7.2em; height: 7.2em; top: -.1em;}

.digit[class*=circ], [class*=circ] .digit, [class^=arrow][class*=circ], [class*=circ] [class^=arrow],
.diameter, .info, .clock, .clockblck, .noentry, .prohibited, .pluscirc, .multiplycirc, .triangleleftcirc, .pausecirc, .trianglerightcirc, .circle, .circleblck, .globe, .smile, .frown, .smileblck, [class*=size] .registered, [class*=copyright]
{width: 7.2em;}

.search, .saltire, .square, .checkbox, .squareblck, .receiver, .phoneon, .phoneoff, .hamburger, .plussize, .plussize .plus, .loremipsum, .triangleup, .triangleright, .triangledown, .triangleleft, [class*=textalign], .textalignjustify::after
{width: 7em;}

.noentry::after {width: 4.8em; height: 1.8em;}

/*   =====================   Z - I N D E X   =====================   */

.circle, .square, .video::after, .camera::before {z-index: -1;}
[class*=clock] .circle::after, .clock::before, [class*=spark] .square .square, .heart .heart, .star .star, .eye .period, [class*=blck] .document::before, [class*=strk]::after
{z-index: 1;}

/*   =====================   B A C K G R O U N D   =====================   */

.camera::before, .bookblck, .heart::before, .heart::after, .video::before, .video::after, [class*=spark] .square, .macro, .eye::before, .profile::before, .profile::after, .info .circle::before, .noentry .circle::before, [class*=blck] .circle::before, [class*=circ] .circle::before, .squareblck .square, .squareblck .square, [class*=blck] .location::before, .digit .circle::before, [class*=blck] .house::before, [class*=blck] .house::after, [class*=blck] .document, .tag, .tag::before, [class*=blck] .droplet::before, [class*=blck] .droplet::after, .pencil .emdash, .paragraph::before, .user::before, .user::after, .zero::after, .star::before, [class*=blck] .envelope, [class*=blck] .envelope::after
{background-color: var(--color);}

.currency::after, .heart .heart::before, .heart .heart::after, .bookblck::after, .noentry::after, .Bitcoin .B::before, .Bitcoin .B::after, .cloud::before, .cloud::after, .eye::after, [class*=spark] .square .square, [class*=circ] .zero::after, .star::after
{background-color: var(--background); background-clip: content-box;}

.currency::after, .Omega::after
{background-image: var(--default-image); background-attachment: fixed;}

[class*=spark] ::before, [class*=spark] ::after {background-color: inherit;}

/*   =====================   C O L O R   =====================   */

[class*=blck] .location::after, .camera .circle::before,
[class*=circ] .digit *, [class*=circ] .digit ::before, [class*=circ] .digit ::after, 
.digit[class*=circ] *, .digit[class*=circ] ::before, .digit[class*=circ] ::after,
.circle .plus::before, .circle .plus::after, .circle .multiply::before, .circle .multiply::after, 
[class^=arrow][class*=circ]::before, [class^=arrow][class*=circ]::after, 
.triangleleftcirc::after, .triangleleftcirc ::after, .trianglerightcirc::after, .trianglerightcirc ::after, .video, .pausecirc
{color: var(--background) !important;}

.smile:after {width: 4em; height: 4em;}
.frown:after {transform: translateX(-50%) rotate(90deg);width: 5.4em;height: 5.4em;top: calc(58% - (var(--border) / 2));}

[class*=blck] .smile::before {background-color: var(--color);border: 0;}
[class*=blck] .smile::after {width: 4.8em; height: 4.8em;}

.copyright::after {width: 3.6em; height: 3.6em; -webkit-clip-path: polygon(100% 0, 100% 30%, 50% 50%, 100% 70%, 100% 100%, 0 100%, 0 0);clip-path: polygon(100% 0, 100% 30%, 50% 50%, 100% 70%, 100% 100%, 0 100%, 0 0);}

.infinity {width: calc(10.1em - (((var(--border) - .3em) / 3) * 4));} /* 9.7 9.3 8.9 */ 
.infinity::before, .infinity::after {width: 4.4em; height: 4.4em; top: 1.3em;}
.infinity::before {border-radius: 3em 3em 0 3em;}
.infinity::after {border-radius: 0 3em 3em 3em;}

.asciitilde, .tilde {width: 2.8em;margin: 0 -3.2em;width: calc(2.6em + (var(--border) / 1.5));}
.tilde .endash {transform: rotate(28deg); top: calc(0% - ((var(--border) / 3) + .4em));}
.thin .tilde .endash {transform: rotate(42deg);}
.light .tilde .endash {transform: rotate(36deg);}
.bold .tilde .endash {transform: rotate(24deg);}

.tilde .endash::before, .tilde .endash::after {width: 2em;height: 2.4em;}
.tilde .endash::before {border-radius: 50% 0 0 50%;border-left-width: calc(var(--border) - .1em);}
.tilde .endash::after {border-radius: 0 50% 50% 0;right: 0;border-right-width: calc(var(--border) - .1em);top: calc(-2.4em + var(--border));}

.bold .tilde .endash::before {border-top-width: calc(var(--border) + .2em);}
.bold .tilde .endash::after {border-bottom-width: calc(var(--border) + .2em); top: calc(-2.4em + (var(--border) + .2em));}

/*   =====================   B R A C E S   =====================   */

.braceleft, .braceright {width: 3.2em;}
.brace {width: 2.2em; height: 3em;}
.brace:first-child {top: -1.5em;}
.brace + .brace {bottom: -1.5em;}

.braceleft .brace:first-child {border-radius: 1.5em 0 0 0;}
.braceleft .brace + .brace {border-radius: 0 0 0 1.5em;}
.braceright .brace:first-child {border-radius: 0 1.5em 0 0;}
.braceright .brace + .brace {border-radius: 0 0 1.5em 0;}

.brace::after {width: calc(1em + var(--border));height: calc(3.8em - var(--border));}
.braceleft .brace::after {border-right-style: solid; right: 100%;}
.braceright .brace::after {border-left-style: solid; left: 100%;}

.braceleft .brace:first-child::after {border-bottom-right-radius: 2em;}
.braceleft .brace:last-child::after {border-top-right-radius: 2em;}
.braceright .brace:first-child::after {border-bottom-left-radius: 2em;}
.braceright .brace:last-child::after {border-top-left-radius: 2em;}

.brace:first-child::after {border-bottom-width: calc((var(--border) / 3) + .2em);top: 1.4em;border-bottom-style: solid;}
.brace:last-child::after {border-top-width: calc((var(--border) / 3) + .2em);bottom: 1.3em;border-top-style: solid;}

/*   =====================   C H E C K   =====================   */

.checkmark {width: 8em;}
.checkmark::after {width: 4em;height: 8.5em;transform-origin: bottom right;}
.checkbox .checkmark::after {width: 3em;height: 6em;top: -1em;left: 1.5em;}
.hamburger {border-bottom: solid;}

/*   =====================   A R R O W S   =====================   */

[class^=arrow] {min-width: 7em;}
[class^=arrow]::before {width: 4em; height: 4em; top: 50%; transform-origin: top left; left: calc(0% - var(--border));}
[class^=arrow][class*=circ]::before, [class*=circ] [class^=arrow]::before,
.bold.circ [class^=arrow]::before, .bold [class^=arrow][class*=circ]::before {width: 3em;height: 3em;left: calc(50% - 1.8em - (var(--border) / 2));}
[class^=arrow][class*=circ]::after, [class*=circ] [class^=arrow]::after {width: 3.6em;left: calc(50% - 1.6em);}

[class*=arrow][class*=blck]::before {border-width: 1.9em;}

[class^=arrowlong] {width: 11em;}
[class*=arrowup] {transform: rotate(90deg);}
[class*=arrowdown] {transform: rotate(-90deg);}
[class*=arrowupright] {transform: rotate(135deg);}
[class*=arrowdownright] {transform: rotate(-135deg);}
a .arrowupleft, a .arrowupright {top: 1em;}

.arrowleftreturn::after, .arrowrightreturn::after {height: calc(50% + (var(--border) / 2));top: 0 !important;}

/*   =====================   R O T A T E   =====================   */

.question::before, .question::after, .infinity::before, .infinity::after, .pencil .emdash, .attachment .bar, .location::before, .receiver::after, [class*=arrowdownleft], .phoneon::before, .phoneon::after, [class^=arrow]::before, .leaf::after, .tooltip::after
{transform: rotate(-45deg);}

.Q::after, .K::before, .k::before, .tag, .eye::before, .heart, .macro .bar::before, [class*=arrowupleft], .checkmark::after, [class*=blck] .document::before
{transform: rotate(45deg);}

.one .bar::after {transform: rotate(-24deg); width: 3.2em; height: 0;}
.similar {transform: rotate(40deg);}
.Guarani .bar::before {transform: rotate(20deg);}

/*   =====================   S C A L E   =====================   */

[class*=arrowright], [class*=arrowlongright], .forward, .prohibited 
{transform: scaleX(-1);}

.exclamdown .exclamation, .questiondown .question, .quoteleft .comma, .quotedblleft .comma, .Lambda .V, .Nabla .Delta
{transform: scale(-1);}

.gcommaaccent .comma, .gcommaaccentsalt .comma {transform: translateX(-50%) scale(-1);}
[class*=commaaccent] .comma, .apostrophen .comma, .quoteright .comma, .quotedblright .comma {top: -7em;}

[class*=salt] .g::before, [class*=salt] .y::after, [class*=blck] .bookmark::after, [class*=salt] .ampersand::after
{transform: none;}

/*   =====================   M I D D L E   =====================   */

.guillemotleft::before, .guillemotleft::after, .guillemotright::before, .guillemotright::after, .Thorn::after, .triangleleft::after, .triangleright::after, [class*=size] .registered .R, .soundcopyright .P, .send::before, .send::after, .parenleft::after, .parenright::after, .pencil .emdash::before, .pencil .emdash::after
{top: 50%;}

[class*=bullet]::before, .parenleft::after, .parenright::after, .pencil .emdash::before, .pencil .emdash::after, .Thorn::after
{transform: translateY(-50%);}

.A::before, .A::after, .Delta::before, .Delta::after, .M::before, .M::after, .V::before, .V::after, .v::before, .v::after, .radical::before, .radical::after, .triangleup::after, .triangledown::after, .oslash::after, .lslash::after, .asterisk::before, .asterisk::after, [class*=dotaccent] .period::before, .ring::before, .tooltip::after, .info .i, .clock::after, .star .star, .macron::after, .frown::after, .section::before, .section::after, .star::after
{left: 50%;}

.letter .grave, .letter .acute, .letter .hungarumlaut, .letter .circumflex, .letter .caron, .letter .dieresis, .letter .ring, .letter .tilde, .letter .cedilla, .letter .macron, .letter .breve, [class*=commabelow] .comma, .divide::before, .divide::after, .exclamation::before, .exclamation .period, .exclamation .period::before, .question .period, .question .period::before, .period::before, .colon::before, .colon::after, .quote::before, .breve::after, .plus::after, [class*=dotaccent] .period, .ellipsis .period, .eight::before, [class*=salt] .three::before, .A .underscore, .Y::after, .delta .o, .macro .bar, .frown .dieresis, .smile .dieresis, .clock::before, .digit[class*=circ] .circle + *, .user .period, .user::before, .info .i .period, .Yen .equal, .Naira .equal
{left: 50%; transform: translateX(-50%);}

.multiply::before, .multiply::after, .zero::after, .currency::after, .guilsinglleft::after, .guilsinglright::after, .less::after, .more::after, .slash::after, .backslash::after, [class^=not]::after, .fraction::after, .per::after, .Oslash::after, .video::before, .video::after, .prohibited::after, .noentry::after, .camera .circle::before, .hamburger::after, [class*=spark] .square, [class*=spark] .square::before, [class*=spark] .square::after, .copyright::after, .smile::after, .textstrikethrough::after, [class*=strk]::after, .sign .plus, .diameter::after, .pausecirc::after, .x .X::before, .x .X::after, .X .slash::before, .X .slash::after, .Z .slash::after, .z .Z::after, .section .circle::before, .eye .period, .eye .period::before, [class*=clock] .circle::after
{top: 50%; left: 50%;}

.Ldot .period::before, .ldot .period::before, .periodcentered .period::before, .camera .circle::before, .currency::after, .zero::after, [class*=registered] .R, .soundcopyright .P, .info .i, .noentry::after, .triangleup::after, .triangleright::after, .triangledown::after, .triangleleft::after, .video::after, .textstrikethrough::after, .hamburger::after, .sign .plus, .pausecirc::after, [class*=dotaccent] .period::before, .i .period::before, .j .period::before, .ring::before, .section .circle::before, .eye .period, .eye .period::before, [class*=spark] .square, [class*=clock] .circle::after, .copyright::after, .star::after
{transform: translate(-50%, -50%);}

/*   =====================   P I X E L   P E R F E C T   =====================   */

.minus::before, .hyphen::after, .sign.figuredash::after, .endash::after, .emdash::after, .equivalent::after, .logicalnot::after, .E::after, .F::after, .G::after, .H::after, .Eth::after, .Lslash::before, .hyphen + .more::before, .plus::after, .bold .sign .plus::after, [class^=arrow]::after, .bold.circ [class^=arrow]::after, .bold [class*=circ] [class^=arrow]::after, .globe::after, .bold.circ [class^=arrow]::after, .bold [class^=arrow][class*=circ]::after
{top: calc(50% - (var(--border) / 2));}

/*   =====================   M I D   C E N T E R   =====================   */

.cube::after, .plus::before, .bold .sign .plus::before, .T::after, .bold .trademark .T::after, .bold .textarea .T::after, .dagger::before, .daggerdbl::before, .gamma::after, .I::after, .oneroma::after, .Dollar .bar::before, .cent .bar::before, .Cedi .bar::before, .Guarani .bar::before, .Baht .bar::before, .bold .sign .I::after
{left: calc(50% - (var(--border) / 2));}

/*   =====================   L E F T   =====================   */

.checkbox .checkmark, .circumflex::before, .g .o, .approxequal .similar + .similar, .alpha::after, .integral::before 
{left: 0;}

.rcommabelow .comma {left: .6em;}
.tcedilla .cedilla {left: 60%;}
.tcedilla .cedilla::before {height: 2.4em;}
.Baht .bar::before {left: 37%;}

/*   =====================   C U R R E N C Y   =====================   */

.Sterling::before {border-radius: 2.2em 2.4em 0 0;width: 96%;height: 104%;top: -2%;left: .8em;}
.Sterling::after {top: 50%;}

.Euro {-webkit-clip-path: polygon(0 0, 5.5em 0, 5.5em 100%, 0 100%); clip-path: polygon(0 0, 5.5em 0, 5.5em 100%, 0 100%);}
.Euro::after {left: 1em; width: 6em;}
.Eth::after {left: -1em;}

.smile::after {transform: translate(-50%, -50%) rotate(-45deg);}

.paragraph {width: calc(4.8em + (var(--border) * 2));}
.paragraph::before {border-radius: 3em 0 0 3em; width: 3em;height: 4em;}
.paragraph::after {width: calc(1.8em + (var(--border) * 2));left: 3em;height: 8em;}

.estimated::after {width: 7.2em;height: 3.8em;border-bottom: .6em solid !important;border-right: 1.5em solid !important;border-left: 1.5em solid !important;-webkit-filter: drop-shadow(-5.7em 3em 0 var(--color));-moz-filter: drop-shadow(-5.7em 3em 0 var(--color));-ms-filter: drop-shadow(-5.7em 3em 0 var(--color));filter: drop-shadow(-5.7em 3em 0 var(--color));}
.estimated::before {width: 100%;height: 100%; border-width: .6em !important;} 

.numero .o {width: 4.2em;}
.numero .o::before {height: 5em;}

.similar, .notsimilar, .approxequal {width: 5em;}
.similar::before, .similar::after {width: calc(1.7em + var(--border) / 2);height: calc(1.7em + var(--border) / 2);} /* 4.3 > .2*/
.similar::before {top: calc(50% - (var(--border) / 2));right: calc(50% - .1em);border-left-style: solid;border-top-style: solid;border-radius: 100% 0 0;transform-origin: top right;} 
.similar::after {border-radius: 0 0 100%;left: calc(50% - .1em);bottom: calc(50% - (var(--border) / 2));transform-origin: bottom left;border-right-style: solid;border-bottom-style: solid;}

.textstrikethrough {width: 5.8em; justify-content: center;}
.textstrikethrough::after {border-top: .7em solid var(--background) !important;}

.pausecirc::after {width: 2.6em;border-width: .9em;}
.triangleleftcirc::after, .trianglerightcirc::after, .pausecirc::after {height: 3em;border-right-style: solid;}
.triangleleftcirc::after, .trianglerightcirc::after {top: 2em;border-width: .6em !important;}
.triangleleftcirc::after {left: 2em;}
.trianglerightcirc::after {left: 4.6em;}

.triangleup::after, .triangledown::after {border-right: 2.1em solid transparent !important;border-left: 2.1em solid transparent !important;}
.triangleright::after, .triangleleft::after {border-top: 2em solid transparent !important;border-bottom: 2em solid transparent !important;}
.triangleleft::after {border-right: 3.6em solid !important;}
.triangleup::after {border-bottom: 3.6em solid !important;}
.triangleright::after {border-left: 3.6em solid !important;}
.triangledown::after {border-top: 3.6em solid !important;}

.triangleleftcirc ::after, .trianglerightcirc ::after {border-top: 1.3em solid transparent !important;border-bottom: 1.3em solid transparent !important;}
[class^=triangleleft][class*=circ] ::after {border-right: 2.2em solid !important;left: 53%;}
.video .triangleright::after {border-left: 2.6em solid !important;border-top: 1.6em solid transparent !important;border-bottom: 1.6em solid transparent !important;left: 54%;}
[class^=triangleright][class*=circ] ::after {border-left: 2.2em solid !important;left: 50%;}

.triangleright::after {left: 50%;}
.triangleleft::after {left: 50%;}

.triangle {width: 7.3em;}
.triangle::before, .triangle::after {height: 7.9em;}
.triangle::before {transform: rotate(28deg);transform-origin: top left;left: 50%;border-right: 0;}
.triangle::after {transform: rotate(-28deg);transform-origin: top right;border-left: 0; right: 50%;}
.triangleblck .triangle, .triangleblck .triangle::before, .triangleblck .triangle::after {border-width: 3.22em !important;}

/*   =====================   S T A R   =====================   */

.star, .starblck {width: 8.6em;margin: 0 -.8em;}
.star::before, .star::after {-webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);}
.star::before {width: 8.6em;height: 8.6em;top: -.4em;}
.star::after {width: calc(8.6em - (var(--border) * 6));height: calc(8.6em - (var(--border) * 6));top: calc(50% + .44em);}

/*   =====================   S P A R K   =====================   */

[class*=spark] .square {width: 5.4em; height: 5.4em;}
[class*=spark] ::before {transform: translate(-50%, -50%) rotate(-30deg);}
[class*=spark] ::after {transform: translate(-50%, -50%) rotate(30deg);}
[class*=spark] .square .square {width: calc(5.4em - (var(--border) * 2)); height: calc(5.4em - (var(--border) * 2)); }

/*   =====================   C L O U D   =====================   */

.cloud {width: 5.8em; border-radius: 3em 3em 0 0;}
.cloud::before {height: 4.8em; width: 2.8em; left: -2.8em; border-radius: 3em 0 0 3em; border-right: 0; top: calc(2.2em - var(--border));}
.cloud::after {height: 3.8em; width: 2.4em; right: -2.4em; border-radius: 0 3em 3em 0; border-left: 0; top: calc(3.2em - var(--border));}

/*   =====================   H E A R T   =====================   */

.heart {width: 7em; top: -1.5em;}
.heart::before {height: calc(100% - 2.6em);; border-radius: 2.4em 0 0 2.4em;}
.heart::after {border-radius: 2.4em 2.4em 0 0; width: calc(100% - 2.6em);}
.heart .heart {width: calc(7em - (var(--border) * 2)); height: calc(7em - (var(--border) * 2)); bottom: var(--border); right: var(--border); transform: none;}

/*   =====================   A T T A C H M E N T   =====================   */

.attachment {width: 8.2em;}
.attachment .bar {width: 6.4em; height: 4.6em; left: 2.4em; bottom: -1.1em; transform-origin: bottom left;}
.attachment .bar::before, .attachment .bar::after {top: calc(1.2em - var(--border));}
.attachment .bar::before {width: 4em; height: 3.4em; border-radius: 0 3em 3em 0; right: -2.8em;}
.attachment .bar::after {width: 3.6em; height: 2.2em;}
.attachment .bar, .attachment .bar::after {border-radius: 3em 0 0 3em;border-right: 0;}

/*   =====================   O G O N E K   =====================   */

.ogonek, .ogonek::after {width: 3.2em;}
.ogonek::after {height: 2.9em;right: -1.6em;top: calc(100% - (var(--border) - .1em));-webkit-clip-path: polygon(0 0, 50% 0, 50% 50%, 100% 50%, 100% 100%, 0 100%);clip-path: polygon(0 0, 50% 0, 50% 50%, 100% 50%, 100% 100%, 0 100%);}
.Aogonek .ogonek {right: var(--border);}
.Uogonek .ogonek, .eogonek .ogonek {right: 50%;top: .1em;} 
.aogonek .ogonek {right: -1em;}
[class*=salt] .aogonek .ogonek {right: -1.5em;}

/*   =====================   M A P   =====================   */

.map .square {width: 2.2em;height: 6.6em;margin-top: .2em; top: 0;}
.map .square:first-child, .map .square:last-child {border: 1.2em solid !important;transform: skewY(-22deg);}
.map .square:nth-child(2) {transform: skewY(22deg); border-left: 0;border-right: 0;}

/*   =====================   D R O P L E T   =====================   */

.droplet {width: 4.8em;}
.droplet::before, .droplet::after {width: 100%;height: 6.6em;border-radius: 0 0 3em 3em;border-style: solid;}
.droplet::before {transform: rotate(29deg);transform-origin: top left;left: 50%;-webkit-clip-path: polygon(0 0, 0% 100%, 80% 100%);clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%);}
.droplet::after {transform: rotate(-29deg);transform-origin: top right;right: 50%;-webkit-clip-path: polygon(100% 0, 20% 100%, 100% 100%);clip-path: polygon(100% 0, 30% 100%, 100% 100%);}

/*   =====================   L O C A T I O N   =====================   */

.location::before {height: 6em;border-bottom-right-radius: 120% 85%; border-top-left-radius: 85% 120%;border-top-right-radius: 60%;}
.location::after {border: .8em solid !important; top: calc(50% - 1.6em); top: 1.5em; left: 2.3em;}
[class*=blck] .location {border-width: 2.7em;}

[class*=textalign]::before, [class*=textalign]::after {height: calc(4.6em + ((var(--border) - .1em) / 2));}
[class*=textalign]::after {width: 68%;}
.textalignjustify::after {width: 100%;}
.textaligncenter::after {left: 16%;}

.envelope {width: 8.2em;}
.envelope::after {width: 8em; height: 8em; top: -5.5em; border-radius: 0 0 1.1em 0;}
[class*=blck] .envelope, .Y .bar {border: 0;}
[class*=blck] .envelope::after {top: calc(-5.5em + var(--border));}

.envelope::after, .tag::before, .tag::after, .house::before {left: 50%; transform: translateX(-50%) rotate(45deg);}

.highvoltage {width: 3em;height: 6em;}
.highvoltage::before {width: 2.8em;border-top: 4em solid !important;border-right: 1em solid transparent !important;}
.highvoltage::after {border-top: 5.4em solid !important;border-right: 2.6em solid transparent !important;left: 42%;top: 45%;}

.reply::before, .forward::before {border: 2.8em solid transparent !important;border-right: 2.4em solid !important;left: -3em; top: .5em;}
.reply::after, .forward::after {width: 8em;height: 9em;top: 2.2em;left: -1em;border-left: 3em solid transparent !important;border-top: 2.2em solid !important; transform: rotate(12deg); transform-origin: top;}

.search::before {width: 6.4em;height: 6.4em;}
.search::after {transform: translate(50%) rotate(-45deg);transform-origin: bottom;right: 0; height: 2.4em;}

.clock::before, .clock::after {transform-origin: bottom;bottom: 50%;}
.clock::before {height: calc(50% - (var(--border) + .6em));}
.clock::after {height: 1.8em;transform: translateX(-50%) rotate(120deg);}
[class*=blck] .clock::before {height: 2.8em;}
[class*=blck] .clock::after {height: 2.2em;}
[class*=clock] .circle::after {border-width: calc(var(--border) / 2);}

.phone {width: 4.6em;border-radius: .8em;border-top-width: 1.3em !important;border-bottom-width: 1.3em !important;}

[class^=bookm] {width: 4.6em;border-radius: .5em .5em 0 0;}
.bookmark::before, .bookmark::after {width: calc(2.5em + var(--border) / 3);bottom: calc(0% - var(--border));}
.bookmark::before {border-left: solid transparent;transform: rotate(-20deg);transform-origin: bottom left;left: calc(0% - var(--border));}
.bookmark::after {right: calc(0% - var(--border));border-right: solid transparent;transform: rotate(20deg);transform-origin: bottom right;}
[class*=blck] .bookmark {border-left: 2.3em solid;border-right: 2.3em solid;border-bottom-width: .9em !important;}

.tag {width: 4.6em;}
.tag::before {width: 3.5em;height: 3.5em;top: -1.2em; border-radius: 1.2em .8em .8em .8em;}
.tag {border-radius: .7em;}
.tag::after {border: .6em solid var(--background) !important;top: -.3em;}

.receiver::after {width: 3.6em; height: 8.4em; border-width: .9em !important; border-top-width: 2.4em !important; border-bottom-width: 2.4em !important; border-right: .9em solid transparent !important; border-bottom-right-radius: 3em 3em; border-top-right-radius: 3em 3em; border-top-left-radius: 3em 7em; border-bottom-left-radius: 3em 7em; top: -.6em; left: 1.5em;}
.phoneon::before, .phoneon::after {border-radius: 50%;}
.phoneon::before {width: 8em;height: 8em;top: -.5em;left: -.5em;}
.phoneon::after {width: 4.4em;height: 4.4em;top: 1.2em;left: 1.4em;}
.phoneoff .receiver::after {transform: rotate(133deg);left: 2em;top: -.9em;}
.phoneoff .multiply::before, .phoneoff .multiply::after {top: 5.2em;}
.phoneoff .multiply::before, .phoneoff .multiply::after {height: 4em;}

.video::before, .video::after {border-bottom-right-radius: 3em 9em;border-top-right-radius: 3em 9em;border-top-left-radius: 3em 9em;border-bottom-left-radius: 3em 9em;}
.video {width: 8.4em;}
.video::after {width: 8.4em;}
.video::before {width: 7.2em;height: 7.2em;transform: translate(-50%, -50%) rotate(90deg);}

.chat, .chat .circle::before {width: 7.6em;}
.chat .circle::before {height: 6em; top: -.2em;}
.chat::before, .chat::after {border-width: 1em;transform: rotate(12deg);transform-origin: bottom left;}
.chat::before {left: 1.2em;bottom: -.1em;}
.chat::after {bottom: calc(.1em + var(--border) * 1.5);left: calc(1.3em + var(--border));border-top-color: var(--background);border-left-color: var(--background);}

[class*=tooltip], .tooltip::before {width: 7.8em;}
.tooltip::before {border-radius: 1em;height: 5.8em;}
.tooltip::after {width: calc(1.8em + (var(--border) * 1.5));height: calc(1.8em + (var(--border) * 1.5));bottom: -.1em;transform-origin: bottom left;}
.tooltip::before, .tooltip::after {background-color: var(--background); background-clip: padding-box;}
[class*=blck] .tooltip::before, [class*=blck] .tooltip::after {background-color: var(--color); background-clip: border-box;}
[class*=blck] .tooltip::after {border: 0;}

.send {width: 7em;}
.send::before, .send::after {right: -.5em;width: 7em;height: 2em;border-left: 2.6em solid transparent !important;border-right: 6em solid transparent !important;border-top: 2.5em solid !important;
	transform-origin: top right;}
.send::before {transform: rotate(-26deg) scaleY(-1);}
.send::after {transform: rotate(26deg);}

.info .i, .info .dot, .info .i::before, .info .i::after, .heart .heart::before, .heart .heart::after, [class*=blck] .smile::after, [class*=blck] .smile .dieresis::before, [class*=blck] .smile .dieresis::after, [class*=blck] .envelope, [class*=blck] .envelope::after, [class*=blck] .clock::before, [class*=blck] .clock::after, [class*=blck] .circle::after, [class*=blck] .tooltip::after, .droplet .droplet
{color: var(--background);}

.frown .dieresis::before, .frown .dieresis::after,
.smile .dieresis::before, .smile .dieresis::after
{top: 2.4em;transform: translate(-50%, -50%);}

.info .i {width: 2.8em;border-bottom-width: .5em;top: 95%;}
.info .i::after {border-width: .6em;top: 1.8em;height: 0;}
.info .i::before {height: 2.2em;width: 2em;top: -.2em;border-right-width: 1.2em;border-top-width: .6em;}
.info .i .period::before {border-width: .8em !important;top: -1.4em;}

.globe::before {width: 3.6em;height: 7.2em;top: -.1em;left: calc(50% - 1.8em);}
.globe::after {width: 96%;left: 2%;}
.eye {width: 7em;}
.eye::before, .eye::after {width: 100%;height: 100%;}
.eye::before {border-radius: 50% .6em 50% .6em;}
.eye .period::before {border-width: 1.5em; -webkit-clip-path: polygon(0 0, 50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%);}

.house {width: 5.6em;}
.house::after {height: 4.4em;}
.house::before {width: 3.9em;height: 3.9em;top: .6em;}

.document, .documentblck {width: 5.4em;}
.document::after {right: 0; border-width: 1.2em; border-color: var(--background); border-bottom-color: var(--color); border-left-color: var(--color);}
[class*=blck] .document::after {border-width: 1.4em;border-bottom-color: var(--background);border-left-color: var(--background);}
[class*=blck] .document::before {width: 4em;height: 0;transform-origin: top right;border-bottom-color: transparent;top: 2.8em;}

.pencil {width: 5.2em;}
.pencil .emdash {width: 5.4em;top: 50%;transform: translateY(-50%) rotate(-45deg);}
.pencil .emdash, .pencil .emdash::after {height: 2.2em;}
.pencil .emdash::before {border: .8em solid transparent !important;border-right: 1.2em solid !important;left: -3.2em;}
.pencil .emdash::after {width: 2.4em;border-radius: 0 2em 2em 0;right: -2em;}

.bookblck::after {height: 3.2em; bottom: 0;}
.bookblck, .bookblck::after {width: 5.8em;border-radius: 1.6em 0 0 1.6em;border-right: 0;}

.macro {width: 7em;height: 6.8em;top: .2em;}
.macro::before {width: 12em;left: -2.5em;height: 0;border: 5em solid transparent;border-top: 6.6em solid var(--background) !important;
	border-left: 6em solid transparent !important; border-right: 6em solid transparent !important; border-radius: 0;}
.macro::after {border-width: 2.5em !important; left: 1em;top: -.9em;}
.macro .bar {height: 5em;border-width: .6em !important;}
.macro .bar::before {top: -1.8em;left: -1.5em;border: 1.2em solid !important;}

.camera, .camera::before {width: 7.6em;}
.camera::before {height: 5.8em;border-radius: 1em;}
.camera::after {width: 3.8em;top: -.9em;left: calc(50% - 1.9em);border: .9em solid transparent !important;border-bottom: 1.2em solid !important;}
.camera .circle::before {width: 3.8em;height: 3.8em;top: 57%;}

.cube {top: 1.2em; width: 6.4em;}
.cube :first-child {width: 3.5em;height: 3.2em;transform: rotate(210deg) skew(-30deg);transform-origin: top right;border-left: 0;border-top: 0; right: 100%;top: .3em;}
.cube :nth-child(2), .cube :last-child {width: 3.2em;height: 4.2em;}
.cube :nth-child(2) {transform: skewY(30deg);transform-origin: top left;border-right: 0;border-top-left-radius: .6em;}
.cube :last-child {transform: skewY(-30deg);transform-origin: right;border-left: 0;border-top-right-radius: .6em;right: 0;}
.cube::after {height: 3.8em;bottom: 1.2em;}

.user {width: 3.4em;}
.user::before {width: 2em;height: 4em;}
.user::after {height: 2.4em;top: 2.2em;border-radius: .8em .8em 0 0;}
.user .period::before {border-width: .9em;}

.profile {width: 6.4em;}
.profile::before {width: 3.8em;height: 3.8em;left: calc(50% - 1.9em);}
.profile::after {height: 2.2em; border-top-left-radius: 3em 1.5em; border-top-right-radius: 3em 1.5em;}

.leaf {width: 6.6em; height: 7em;}
.leaf::before {width: 100%;height: 100%;border-top-left-radius: 5em 4em;border-bottom-right-radius: 4em 5em;border-bottom-left-radius: 2.6em 2.6em;}
.leaf::after {width: calc(9.8em - var(--border));top: calc(var(--border) / 4);right: calc(var(--border) / 2);transform-origin: bottom right;}

.loremipsum::after {width: 6.6em; height: 6.6em; top: -1em; left: 50%; transform: translateX(-50%) rotate(-45deg); border-bottom-width: 3.3em; border-left-width: 3.3em;}

/*   =====================   O R D I N A L S   =====================   */

sup .one .bar, sub .one .bar, [class*=sups] .one .bar, [class*=subs] .one .bar, [class*=frac] .one .bar, [class*=circ] .one .bar, sup .four .bar, [class*=sups] .four .bar, [class*=frac] .four .bar, sub .four .bar, [class*=subs] .four .bar, [class*=circ] .four .bar, sup .seven .figuredash, [class*=sups] .seven .figuredash, [class*=frac] .seven .figuredash, sub .seven .figuredash, [class*=subs] .seven .figuredash, [class*=circ] .seven .figuredash, .sign[class*=mark] .M .bar, .sign[class*=mark] .T::after, .ndordn .n::before, .ordn .digit ~ .n::before, .rdordn .r::before, .erordn .r::before, .ordn .digit ~ .r::before
{height: 3.6em;}

.stordn .t::after, .thordn .t::after, .ordn .digit ~ .t::after {height: 5em;bottom: 3.4em;}

sup .zero::before, [class*=sups] .zero::before, [class*=subs] .zero::before, [class*=frac] .zero::before, [class*=circ] .zero::before
{height: 3.8em;}

.eordn .e::after, .erordn .e::after, .ordn .digit ~ .e::after {top: calc(1.8em - (var(--border) - .1em) / 2);}

.zero::before,
.C::before, .G::before, .O::before, .Q::before, .S::before, .sordn .s::before, .stordn .s::before, .ordn .digit ~ .s::before, .Schwa::before, .Euro::after, .question::before, .at::before, .partialdiff::after, .macro::before, .user .period::before, .profile::before, .numero .o::before, .eight::before, [class*=salt] .three::before, .percent .o::before, .perthousand .o::before, .Germandbls .bar::before, .germandbls::before, .germandbls .bar::before, .beta::before, .beta .bar::before, .ampersand::before, .ordfeminine .a::after, .ordn .digit ~ .a::after
{top: -.1em;}

[class*=salt] .ordfeminine .a::before, .ordn.salt .digit ~ .a::before,
.dordn .d::before, .ndordn .d::before, .rdordn .d::before, .ordn .digit ~ .d::before,
.eordn .e::before, .erordn .e::before, .ordn .digit ~ .e::before,
.percent .o::before, .perthousand .o::before, .ordmasculine .o::before, .ordn .digit ~ .o::before
{height: 3.8em; top: -.1em;}

.thordn .h::after, .ordn .digit ~ .h::after, .ndordn .n::after, .ordn .digit ~ .n::after, .rdordn .r::after, .erordn .r::after, .ordn .digit ~ .r::after
{height: 3.7em; top: -.1em;}

[class*=salt] .ordfeminine .a, .ordn.salt .digit ~ .a,
.dordn .d, .ndordn .d, .rdordn .d, .ordn .digit ~ .d, 
.eordn .e, .erordn .e, .ordn .digit ~ .e, 
.ordmasculine .o, .ordn .digit ~ .o, .percent .o, .perthousand .o
{width: 3.3em;}

.ordmasculine .o, .ordn .digit ~ .o,
.eordn .e, .erordn .e, .ordn .digit ~ .e
{margin-right: .5em;}

.erordn .r, .rdordn .r, .ordn .one ~ .r, .ordn .three ~ .r
{width: 2.5em;}

.rdordn .r::after, .erordn .r::after, .ordn .digit ~ .r::after
{width: 2.4em;}

.thordn .h, .ordn .digit ~ .h, 
.ndordn .n, .ordn .digit ~ .n 
{width: 3.2em;margin-right: .2em;margin-left: .2em;}

.dordn .d::after, .ndordn .d::after, .rdordn .d::after, .ordn .digit ~ .d::after,
.thordn .h::before, .ordn .digit ~ .h::before 
{height: 4.8em;}

.ordfeminine .a .finial, .ordn .digit ~ .a .finial,
.dordn .d::after, .ndordn .d::after, .rdordn .d::after, .ordn .digit ~ .d::after,
.thordn .h::before, .ordn .digit ~ .h::before 
{bottom: 3.4em;}

.ordfeminine .a::before, .ordn .digit ~ .a::before 
{bottom: 3.3em;}

.servicemark .S, .sordn .s, .stordn .s, .ordn .digit ~ .s {width: 3.2em;margin: 0 !important;transform: skewY(-4deg);}
.servicemark .S::before, .sordn .s::before, .stordn .s::before, .ordn .digit ~ .s::before {height: calc(1.8em + ((var(--border) / 3) * 1.5));} 
.servicemark .S::after, .stordn .s::after, .ordn .digit ~ .s::after {height: calc(2em + ((var(--border) / 3) * 1.5));bottom: 3.2em;} 

.erordn .r, .rdordn .r, .ordn .digit ~ .r {margin-left: .3em; margin-right: -.4em;}
.thordn .h, .ordn .digit ~ .h {margin-left: .6em;}

.eth .slash::after {height: 3.6em;}

.question::before, .less::after, .more::after, .guillemotleft::before, .guillemotleft::after, .guillemotright::before, .guillemotright::after, .guilsinglleft::after, .guilsinglright::after, .section .circle::before, .currency::after {width: 3.6em; height: 3.6em;}

/*.word .r:last-child {margin-right: -.9em !important;}*/
.word .L:last-child, .word .Gamma:last-child, .word .Fiftyroma:last-child {margin-right: -.5em !important;}

.ligature > * {display: inline-block;}

/*   =====================   K E R N I N G   =====================   */

.letter[class^=A] + .letter[class^=W],
.letter[class^=L] + .letter[class^=V],
.letter[class^=L] + .letter[class^=T],
.letter[class^=V] + .letter[class^=A],
.letter[class^=A] + .letter[class^=V],
.letter[class^=Y] + .letter[class^=A] {margin-left: -.4em;}

.letter[class^=O] + .letter[class^=O] {margin-left: -1.2em;}
.letter[class^=L] + .letter[class^=X],
.letter[class^=W] + .letter[class^=A] {margin-left: -.6em;}
.letter[class^=L] + .letter[class^=Y] {margin-left: -1em;}
.letter[class^=L] + .letter[class^=i] {margin-left: .3em;}
.letter[class^=T] + .letter[class^=Z] {margin-left: -.3em;}
.letter[class^=A] + .letter[class^=T],
.letter[class^=W] + .letter[class^=W] {margin-left: -.9em;}

.letter[class^=P] + .period {margin-left: -.6em;}
.letter[class^=a] + .period {margin-left: 1em;}
.letter[class^=a] + .comma {margin-left: 1em;}

a + .word > .period, a + .word > .comma, 
u + .word > .period, u + .word > .comma {/* margin-left: -2.8em !important; */}

.letter[class^=i] + .letter[class^=o]
{margin-left: .4em;}

.letter[class^=f] + .period, .letter[class^=g] + .period, .letter[class^=w] + .period, .letter[class^=r] + .period, 
.digit[class^=seven] + .comma, .letter[class^=r] + .comma, .letter[class^=y] + .comma, 
.letter[class^=b] + .letter[class^=l], .letter[class^=o] + .letter[class^=l], 
.letter[class^=a] + .quote, .letter[class^=b] + .quote, .letter[class^=c] + .quote, .letter[class^=e] + .quote, .letter[class^=h] + .quote, .letter[class^=k] + .quote, 
.letter[class^=m] + .quote, .letter[class^=n] + .quote, .letter[class^=o] + .quote, .letter[class^=p] + .quote, .letter[class^=q] + .quote, .letter[class^=r] + .quote, 
.letter[class^=s] + .quote, .letter[class^=u] + .quote, .letter[class^=v] + .quote, .letter[class^=w] + .quote
{margin-left: 0;}

.letter[class^=a] + .letter[class^=l], 
.letter[class^=r] + .letter[class^=l]
{margin-left: -.3em;}

.letter[class^=p] + .letter[class^=a] {margin-left: .8em;}

.letter[class^=r] + .letter[class^=a], 
.letter[class^=b] + .letter[class^=i], 
.letter[class^=c] + .letter[class^=i], 
.letter[class^=e] + .letter[class^=i], 
.letter[class^=o] + .letter[class^=i], 
.letter[class^=p] + .letter[class^=i], 
.schwa + .letter[class^=i], 
.v + .letter[class^=a]
{margin-left: .3em;}

.letter[class^=L] + .letter[class^=i]
{margin-left: -.6em;}


.letter[class^=T] + .period, 
.letter[class^=V] + .period, .letter[class^=v] + .period, 
.letter[class^=Y] + .period, .letter[class^=y] + .period,
.letter[class^=a] + .v, .letter[class^=i] + .v, .letter[class^=l] + .v, 
.letter[class^=i] + .letter[class^=t]:not(.thorn), 
.letter[class^=l] + .letter[class^=t]:not(.thorn),
.letter[class^=c] + .letter[class^=t]:not(.thorn),
.letter[class^=o] + .letter[class^=t]:not(.thorn)
{margin-left: -.2em;}

.letter[class^=a] + .letter[class^=t]:not(.thorn) 
{margin-left: 0}

[class*=salt] .letter[class^=r] + .letter[class^=a]
{margin-left: .4em;}

.letter[class^=t] + .letter[class^=t] {margin-left: 0 !important;}
.letter[class^=L] + .comma {margin-left: 2.2em;}

[class^=quote] + .letter[class^=e] {margin-left: -.5em;}
[class^=quote] + .letter[class^=L] {margin-left: .4em;}

.letter[class^=r] + .letter[class^=y] {margin-left: -.5em;}
[class*=salt] .letter[class^=r] + .letter[class^=y] {margin-left: .8em;}
.letter[class^=y] + .letter[class^=t] {margin-left: -.3em;}
[class*=salt] .letter[class^=y] + .letter[class^=t] {margin-left: -.5em;}

.zero {margin: 0 .6em;}
.percent {margin: 0 .4em;}
.f + .letter[class^=t] {margin-left: -.1em !important;}
.letter[class^=r] + .letter[class^=t] {margin-left: -.5em;}

.perthousand :last-child {margin-left: calc(0% - var(--border)) !important;}

.OE .E {left: calc(6em - var(--border));}
.ae .e {left: calc(4.4em - var(--border));}
.oe .e {left: calc(5em - var(--border));}
.aesalt .e, [class*=salt] .ae .e {left: calc(4.8em - var(--border));}
.W .V + .V, .Wgrave .V + .V, .Wacute .V + .V, .Wcircumflex .V + .V, .Wdieresis .V + .V {left: 4.1em;}
.w .v + .v, .wgrave .v + .v, .wacute .v + .v, .wcircumflex .v + .v, .wdieresis .v + .v {left: 3.2em;}
.IJ {width: 7.8em;}
.IJ .J {left: 3.2em;}
.aesalt, [class*=salt] .ae {width: calc(9.8em - var(--border));} 

/*   =====================   N O N E   =====================   */

[class*=salt] .g .o, [class*=salt] .a .finial, [class*=salt] .y .slash,
[class*=salt] .three .figuredash, 
[class*=liga] .f + .i .period, [class*=liga] .f + .j .period,
[class*=blck] .bookmark::before, [class*=blck] .bookmark::after, [class*=blck] .star::after, 
.Rupee .R::before, .chatblck .chat::after, .blck .heart .heart
{display: none;}

/*   =====================   L I G A T U R E S   =====================   */

.f + .j, .f + .dotlessj, .f + .jcircumflex {margin-left: -.4em;}
.f + .i, .f + .dotlessi, .f + .igrave {margin-left: -.3em;}

.t + .t .underscore::before, .t + .f::before, .t + [class*=liga] .f::before, 
.f + .f::before, .f + [class*=liga] .f::before
{width: 120%;}

/*   =====================   F + L   =====================   */

.f + .l, .f + .lacute, .f + .lcommaaccent, .f + .lcommabelow, .f + .ldot, .f + .lslash {margin-left: -.2em;}

.filiga .f::after, .fjliga .f::after, .flliga .f::after,
.ffiliga .f + .f::after, .ffjliga .f + .f::after, .fflliga .f + .f::after 
{height: 8.6em;border-top-left-radius: 80% 50%; border-top-right-radius: 120% 50%;}

.filiga .f::after, .fjliga .f::after, .ffiliga .f + .f::after, .ffjliga .f + .f::after
{width: 5em;}

.flliga .f::after, .fflliga .f + .f::after {width: calc(5.2em + (var(--border) / 1.7)); border-top-left-radius: 80% 50%; border-top-right-radius: 120% 80%;}
.flliga .l::before, .fflliga .l::before {bottom: 0; height: 7.6em; border-top: 0; border-left: 0; border-top-right-radius: .2em;}

.f + .t {margin-left: -.5em;}
.t + .t {margin-left: -.6em;}
.t + .f {margin-left: -.2em;}
.t + .y {margin-left: -.2em;}
.s + .t {margin-left: .3em;}

/*   =====================   R O M A N   =====================   */

[class*=roma] .I + .I, .oneroma + .oneroma {margin-left: -.6em !important;}
[class*=roma] .I + .V {margin-left: -.3em !important;}
[class*=roma] .V + .I {margin-left: -.5em !important;}
[class*=roma] .I + .X, [class*=roma] .X + .I {margin-left: -.9em !important;}
[class*=roma] .oneroma + .x {margin-left: -1em !important;}
[class*=roma] .x + .oneroma {margin-left: -.8em !important;}
[class*=roma] .oneroma + .v {margin-left: -.4em !important;}
[class*=roma] .v + .oneroma {margin-left: -.6em !important;}

.hyphen + .more::before, .less + .hyphen, .less + .hyphen + .hyphen {width: 7.8em;}
.hyphen + .more::before {content: "";border-bottom-style: solid;right: 1em;}
.less + .hyphen, .less + .hyphen + .hyphen {left: -2.2em; margin: 0;}

/*   =====================   D E C O R A T I O N   =====================   */

.css a[href]:hover::after, .css ins::after, .css u::after {left: 0;border-bottom: .8em solid;top: 94%;}
.light.css a[href]:hover::after, .light.css ins::after, .light.css u::after {border-bottom-width: .5em;}
.bold.css a[href]:hover::after, .bold.css ins::after, .bold.css u::after {border-bottom-width: 1em;}

.css a, .css ins, .css u {position: relative;display: inline-block;}
.css ins:empty::after, .css u:empty::after {display: none;}
.css > mark {display: inline-flex; padding: 2em; vertical-align: middle; background: red; color: white;}

/*   =====================   P A G E   =====================   */

#setup {padding-top: 6rem;}
#css .split ul {padding-bottom: 2rem;}

/*   =====================   T A B L E S   =====================   */

#map .word {margin: 6em 0;text-align: center;}
#map pre {display: flex;flex-wrap: wrap;}
#map pre > * {width: 160px;flex: 1 0 160px;height: 100% !important;line-height: 1;}
#map del {margin: 0;}
#map code {color: rgba(128, 128, 128, .6);position: absolute;top: -2.5rem;left: 50%;transform: translateX(-50%);font-size: .75rem;}
#map + h4, #map + h4 + * {padding-top: 3rem;}

#info figure.left, #info figure.right {padding-bottom: 1.5rem;}
#info figure.left {width: 13rem;margin-right: 3rem;margin-top: 1.5rem;}
#info figure.right {margin-left: 2rem;}
#info figure.right pre {font-size: 28px;line-height: 9;margin-top: -3rem;}

.aserif {width: 180px;height: 190px;border-top-left-radius: 60% 50%;border-top-right-radius: 50% 40%;border: solid;border-top-width: .5em;border-right-width: 1.5em;border-bottom-width: 0;border-left-width: 1em;border-left-color: transparent;margin: 1em 0 3rem 0;}
#info main .letter, .aserif, #demo data {color: gray;color: var(--color);}
#info main .a {top: 0;margin: 0;}
.aserif::before, .aserif::after {content: "";}
.aserif::before, .aserif::after, .aserif .terminal {position: absolute;border: solid;}
.aserif::before {width: 120%;height: 84%;bottom: -25%;right: -.5em;border-top-left-radius: 110% 90%;border-bottom-right-radius: 75% 80%;border-bottom-left-radius: 80% 70%;border-top-width: .6em;border-right-width: .5em;border-bottom-width: .7em;border-left-width: 1.5em;}
.aserif::after {width: 80%;height: 40%;border-radius: 0 0 50% 50%;border-top: 0;border-right-width: 1em;border-left-width: 1.5em;border-bottom-width: .5em;border-right-color: transparent;bottom: -23%;right: -80%;}
.aserif .terminal {width: 0;height: 0;border-width: 18px !important;border-radius: 50%;top: 4px;left: 6px;transform: skew(-18deg);}

#demo data {position: absolute;line-height: 1.7rem;border: 2px solid;border-radius: 50%;width: 1.8rem;height: 1.8rem;text-align: center;}
#demo data:nth-of-type(1) {top: 1rem;}
#demo data:nth-of-type(2) {top: 4.2rem;}
#demo data:nth-of-type(3) {left: 4rem;}

#demo data:nth-of-type(1), #demo data:last-child {right: 0;}
#demo data:nth-of-type(3), #demo data:last-child {top: 8rem;}
#demo data:nth-of-type(1)::before {content: "";position: absolute;top: 70%;right: 100%;width: 3rem;border-top: 2px solid;transform: rotate(-29deg);transform-origin: right;}

#headline + pre {margin-top: -.64vw;font-size: .64vw;}
#setup > pre {font-size: .64vw;}

#headline {font-size: .94vw;line-height: 14;white-space: nowrap;}

.system-font {font-family: Arial, Helvetica, sans-serif; font-size: 50px;line-height: 1.2;}
.compare .line-height {line-height: 18;}
.system-font.default-line-height {line-height: 1.8;}
.compare .line-height, .compare .font-size {font-size: 5px;}
.system-font + pre .word > * {vertical-align: baseline;}

pre.inline, .underline, .alignment {font-size: .4vw;}
#entity .system-font {font-size: 6vw;line-height: 1.5;}
#entity pre {font-size: .6vw;line-height: 1;}
#weights pre {font-size: 1.32vw;line-height: 8;}

/*   =====================   S P A C I N G   =====================   */

.spacing .space {width: 6em;}
.spacing .word span {width: 1em;}

pre.ligature {font-size: 1.2vw;}
.alternate .n, .alternate .r, .ordinals .digit, .superscript .letter, .superscript .sign, .oldstyle .sign {color: gray;}

.compare > * {position: relative;}

.css + small, #test pre + p {margin: 1rem 0 2rem;}
figure .hyphen + .more::before, .aserif::before, .aserif::after, .aserif .terminal
{color: var(--accent);opacity: .6; z-index: 1;}

.ligature .word {white-space: nowrap;}
.ligature .plus, .ligature .equal {color: gray;}

#math path:nth-of-type(1), #math rect:nth-of-type(2) {opacity: .6;}
#math polygon, #math line, #math path {stroke: gray; stroke-width: 1;}

figure .css button {width: 100%; font-size: 8px; padding: 3rem; border-width: var(--border);}
figure button .word {margin: 0;}
figure button:hover .word:last-child {
	will-change: transform;
	transform-style: preserve-3d;
}
figure button .word:last-child {
	opacity: 0;
	right: 5rem;
	position: absolute;
	line-height: 1;
    -webkit-transition: .3s ease 0s;
    -moz-transition: .3s ease 0s;
    -o-transition: .3s ease 0s;
    transition: .3s ease 0s;
}
figure button:hover .word:last-child {right: 3rem;opacity: 1;}

#languages ol {-webkit-column-gap: 3rem;-moz-column-gap: 3rem;column-gap: 3rem;-webkit-column-width: 170px;-moz-column-width: 170px;column-width: 170px;padding-top: 1rem;}
#languages pre {font-size: 0.64vw;}

#sets [hidden].current {display: block; visibility: visible;}
#sets .current ~ .title {display: none;}
#css > nav span * + * {margin-left: 1.5rem;}

#review main {/* padding-bottom: 5rem; */}
#review .flex > :nth-of-type(even) h3, #review .flex > :nth-of-type(even) h4 {color: var(--accent);}
#review main > p {line-height: 4rem;padding-bottom: 4rem;}

/*   ==============================   C O U N T E R S   ==============================   */

#css {counter-reset: fig;}
#css figure {counter-reset: subfig;counter-increment: fig;}
#css figcaption {counter-increment: subfig;padding-top: 1rem;}
#css figcaption::before { content: "Fig. " counter(fig, decimal-leading-zero) "." counter(subfig, upper-alpha) ". ";}
/*
#page {counter-reset: tabs; padding-top: 1rem;}
#page .tabs::before {counter-increment: tabs;content: counter(tabs) "/3";font-size: 2rem;line-height: 2;color: gray;float: right;}
*/
#languages {/* padding-top: 3rem; */}

#testarea {counter-reset: selected;padding-top: 1rem;} /*   C O U N T   O N   T E S T A R E A   N O T   E D I T   /   S E L E C T E D   N R   I S   O U T S I D E  */
#testarea .selected {counter-increment: selected;}
#selectednr::before {content: counter(selected);}

/*   ==============================   T E S T   ==============================   */

#C-bg:checked ~ #color {--background: cyan;}
#M-bg:checked ~ #color {--background: magenta;}
#Y-bg:checked ~ #color {--background: yellow;}
#R-bg:checked ~ #color {--background: red;}
#G-bg:checked ~ #color {--background: green;}
#B-bg:checked ~ #color {--background: blue;}
#K-bg:checked ~ #color {--background: white;}

#R-bg:checked ~ #color {--color: white;}
#G-bg:checked ~ #color {--color: yellow;}
#B-bg:checked ~ #color {--color: cyan;}
#C-bg:checked ~ #color {--color: magenta;}
#M-bg:checked ~ #color {--color: blue;}
#Y-bg:checked ~ #color {--color: black;}

:checked ~ #color label {color: inherit;}

#css article .css-background {min-height: 22rem;margin-top: 1rem;}
.css-background nav {height: 4rem;}
#color {background-color: var(--background); color: var(--color); border: 1px solid transparent;}

/*   S E T   B A C K G R O U N D   C O L O R   F O R   M I X   B L E N D   >   S T A R   A N D   H E A R T   A F T E R   W O R K S   W I T H    V A R   B A C K G R O U N D   */
#imagebg {--background: #0F0D0B;background-image: url("images/wallpaper.gif");--color: white;color: white;} 


#color pre:nth-of-type(1), #color pre:nth-of-type(3) {display: none;}
#K-bg:checked ~ #color pre:nth-of-type(1), #K-bg:checked ~ #color pre:nth-of-type(3) {display: inline-flex;}

#K-bg:checked ~ #color {border-color: gray;}
#K-bg:checked ~ #color nav {color: gray;}
#K-bg:checked ~ #color nav label:hover {color: black;}
#K-bg:checked ~ #color pre {mix-blend-mode: multiply;}
#K-bg:checked ~ #color pre:nth-of-type(1) {--color: yellow; color: yellow; margin-left: .3rem; margin-top: .3rem;} /*   N E E D   V A R I A B L E   F O R   I C O N   B A C K G R O U N D   */
#K-bg:checked ~ #color pre:nth-of-type(2) {--color: magenta; color: magenta;}
#K-bg:checked ~ #color pre:nth-of-type(3) {--color: cyan; color: cyan; margin-left: -.3rem; margin-top: -.3rem;}

/*   ======================================================================   */

#imagebg .word > .star, #imagebg .word > .heart {mix-blend-mode: lighten;}

.css-background i {font-size: .95vw;}
#imagebg nav {justify-content: space-around;padding: 0 14%;}
.css-background pre {margin: auto; font-size: 1vw; line-height: 7; display: inline-flex;}
#color .word {display: flex;}

#languages li {line-height: 1.8;}

pre.left {font-size: 9px;line-height: 8;margin-right: 1.2rem;padding-top: 2rem;}

#resize {background-color: rgba(128, 128, 128, .2);padding: 1rem 1.5rem 2rem;}
.white #resize {}
#size-test {flex: 1;min-height: 15rem;font-size: 12px;}

.css-background label {width: 2rem;font-size: 1.5rem;}

/*   ==============================   E D I T   ==============================   */

#testarea output {/* left: 31%; */}
#edit {padding: 1rem 0 3rem;min-height: 438px;font-size: 12px;cursor: text;}
#edit .word {max-width: 100%;}
#edit .word:only-child {margin-right: 1px;}

#edit .selected {color: white;--color: white;}
.word mark {width: calc(100% + 2em);height: calc(100% + 5em);background-color: gray;top: -2.4em;left: -1em;position: absolute;z-index: -1;}
.focused .word mark {background-color: #39F;}
.letter[class^=a] mark {width: calc(100% + 3em);} 
.colon mark, .semicolon mark {width: calc(100% + 4em);left: -2em;} 

#test footer {height: 3rem;}
#test .tab:first-of-type {padding: 0;}

#typedwords {min-width: 6.5rem;}
#typedletters {min-width: 9rem;}

/*   ==============================   C A R E T   ==============================   */

@-webkit-keyframes flicker {0% {opacity: 1;} 15% {opacity: 1;} 40% {opacity: 0;} 60% {opacity: 0;} 85% {opacity: 1;} 100% {opacity: 1;}}
@keyframes flicker {0% {opacity: 1;} 15% {opacity: 1;} 50% {opacity: 0;} 60% {opacity: 0;} 85% {opacity: 1;} 100% {opacity: 1;}}

#caret {height: 10em;bottom: 0;left: -2px;visibility: hidden;width: 2px;/* border: 4px !important; *//* border-right-width: 4px; */margin: -1.5em -2px !important;pointer-events: none;position: absolute !important;background-color: var(--color);}
.focused.idle #caret {visibility: visible; animation: flicker 1s infinite;}

.word + #placeholder {margin-left: -3.6em;}

/*   ==============================   D R O P D O W N   ==============================   */

nav menu {cursor: pointer; min-width: 18rem;} /*   D R O P D O W N   L A B E L   I S   I N A C T I V E   */
menu .toggle {line-height: 2;}
#testarea menu li {border-top: 1px solid gray; font-size: 1rem; line-height: 1.25; padding: .5rem 0;}
menu .toggle, #testarea menu ul {padding-left: 1rem; padding-right: 1rem;}
menu .summary label {width: 100%;}


#testarea menu, #testarea menu ul {border: .12rem solid;}
#testarea menu ul {border-top: 0;}
menu :checked + label {border-bottom-color: transparent;}
menu ul {border-top: 0; z-index: 1; height: 0; overflow: hidden; width: calc(100% + .24rem); margin-left: -.12rem;}
menu:hover .toggle, menu:hover .summary, menu :checked ~ .toggle, menu :checked ~ .summary {border-color: var(--color);background-color: var(--background);}
menu .summary li {/* display: flex; */}

#dropdown:checked + label {pointer-events: none;z-index: -1;color: inherit !important;} /*   H I D E   D R O P D O W N   O N   C L I C K   A N Y W H E R E   */

#testarea menu .toggle::after {content: "_"}
#testarea menu :checked + .toggle::after {content: "^"}

/*   =====================   S H O W   /   H I D E   G U I D E L I N E S   =====================   */

[for=guides] {width: 2rem;height: 1.4rem;border-top-style: dashed;border-bottom-style: dashed;border-width: 3px;align-self: center;margin-left: .5rem;margin-right: .5rem;}
#guides:checked ~ #map [for=guides] {color: red;}
#guides:checked ~ #map .word {border-color: rgba(128, 128, 128, .5);}

/*   =====================   O N   S M A L L E R   =====================   */

@media screen and (max-width: 1024px) {
	pre.inline, .underline, .alignment {font-size: .85vw;}
	#entity .system-font {font-size: 12vw;}
	#entity pre {font-size: 1.2vw;}
	#weights pre {font-size: 2.8vw;}

	.css-background pre {font-size: 2vw;}
	pre.ligature {font-size: 2.4vw;}
	#sets {opacity: 0;}
	#map header [for*=test], .test fieldset ~ fieldset {display: none;}
}

@media screen and (min-width: 1024px) {
	.compare > :nth-of-type(odd)::after {content: "\27F6";color: gray;top: calc(50% - 3rem);right: 0;position: absolute;font-size: 2rem;}
}

article h6,
#css p + figure, #css figure + p, #features figure, * > figure:first-child, #css > section + section, figure.compare, #css pre + p, #css article + pre, #css #info aside
{padding-top: 2rem}
#review article span > h6:first-of-type {padding: 0;}
#review article.space > * {width: calc((100% - var(--gap)) / 2);}

#review article > :last-child h6, 
.compare .font-size .digit, .compare .line-height .digit {color: var(--accent);}
#css aside label, #css aside a {/* font-size: 1.5rem; *//* line-height: 2; */}
#testarea menu {margin-right: .5rem;}
#info aside h6:nth-last-of-type(2) {line-height: 1.2;padding: .5em 0;}
#header a:last-child {margin-right: -2vw;}
#header .pricetag {width: 1.8em;right: -1.8em;}
.screen-height {height: 100vmin; min-height: 900px;}

/*   ==============================   S L I D E R   ==============================   */

form.slider {height: 44px;margin-top: -7px;}
[type=range] {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: gray;height: 4px;}
input[type=range]::-moz-range-track {-moz-appearance: none;appearance: none;background: gray;}
form.slider:hover input::-moz-range-track, form.slider:focus input::-moz-range-track {background-color: var(--color);}
form:hover [type=range], form:focus [type=range], [type=range].focused, form.slider:hover output::before, 
form.slider:focus output::before, [type=range].focused + output::before {background-color: var(--color);}
input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 30px;height: 30px;border: 0;}
input[type=range]::-moz-range-thumb {-moz-appearance: none;appearance: none;width: 30px;height: 30px;background-color: transparent;border: 0;}
form.slider output {bottom: calc(1.5rem + 42px);left: 44.3946%;transform: translateX(-50%);background: transparent;color: transparent;border-color: transparent;}
[type=range].focused + output {background: var(--color);border-color: var(--color);color: var(--background);z-index: 12;}
[type=range] + output::before {content: "";position: absolute;left: calc(50% - 9px);background: gray;box-sizing: content-box;visibility: visible;display: block;pointer-events: none;border-radius: 50%;width: 18px;height: 18px;top: calc(100% + 1.5rem + 12px);}

/*   THE END   */