.unown {
  vertical-align: middle;
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  box-shadow: inset 0 0 0 1px currentColor, inset 0.05em 0.05em 0.05em 0 rgba(255, 255, 255, 0.33), inset 0 0 0 calc(0.2em - 1px) rgba(255, 255, 255, 0.05), inset 0 0 0 0.2em currentColor, inset 0.03em 0.03em 0 0.2em white, inset 0 0 0 0.4em #f8f8f8, inset -0.01em -0.01em 0 0.47em rgba(0, 0, 0, 0.25), inset -0.01em -0.01em 0 0.47em currentColor, inset 0 0 0 0.5em white; }

.unown[data-letter=i]::before, .unown[data-letter=j]::before, .unown[data-letter=l]::before, .unown[data-letter=m]::after, .unown[data-letter=s]::after, .unown[data-letter=w]::after, .unown[data-letter=y]::after, .unown[data-letter="d"]::after, .unown[data-letter="e"]::after, .unown[data-letter=k]::before, .unown[data-letter=n]::after, .unown[data-letter=o]::after, .unown[data-letter=p]::before, .unown[data-letter=p]::after, .unown[data-letter=q]::before, .unown[data-letter=q]::after, .unown[data-letter=r]::before, .unown[data-letter=r]::after, .unown[data-letter=t]::before, .unown[data-letter=t]::after, .unown[data-letter=v]::after, .unown[data-letter=x]::before, .unown[data-letter=x]::after, .unown[data-letter="!"]::before, .unown[data-letter="?"]::after {
  width: 0.2em;
  border-radius: 0.2em 0.2em;
  background: currentColor;
  box-shadow: inset 0 0 0 1px currentColor, inset 0.05em 0.05em 0.05em 0 rgba(255, 255, 255, 0.33); }

.unown[data-letter=i]::before, .unown[data-letter=j]::before, .unown[data-letter=l]::before, .unown[data-letter=m]::after, .unown[data-letter=s]::after, .unown[data-letter=w]::after, .unown[data-letter=y]::after {
  width: 0.2em; }

.unown[data-letter="a"]::before, .unown[data-letter="a"]::after, .unown[data-letter="b"]::after, .unown[data-letter="c"]::before, .unown[data-letter="c"]::after, .unown[data-letter="f"]::before, .unown[data-letter="f"]::after, .unown[data-letter="g"]::before, .unown[data-letter="g"]::after, .unown[data-letter=h]::before, .unown[data-letter=h]::after, .unown[data-letter=j]::after, .unown[data-letter=k]::after, .unown[data-letter=l]::after, .unown[data-letter=m]::before, .unown[data-letter=n]::before, .unown[data-letter=o]::before, .unown[data-letter=s]::before, .unown[data-letter=u]::before, .unown[data-letter=u]::after, .unown[data-letter=v]::before, .unown[data-letter=w]::before, .unown[data-letter=y]::before, .unown[data-letter=z]::before, .unown[data-letter=z]::after, .unown[data-letter="?"]::before {
  box-shadow: inset 0 0 0 1px currentColor, inset 0.05em 0.05em 0.05em 0 rgba(255, 255, 255, 0.33), inset 0 0 0 calc(0.2em - 1px) rgba(255, 255, 255, 0.05), inset 0 0 0 0.2em currentColor; }

.unown::before,
.unown::after {
  content: '';
  z-index: -1;
  display: block;
  position: absolute; }

.unown[data-letter="a"] {
  margin: 0.5em; }
  .unown[data-letter="a"]::before {
    box-sizing: border-box;
    height: 4em;
    width: 4em;
    top: -1.5em;
    left: -1.5em;
    border-radius: 0.2em;
    top: 0;
    left: 0;
    border-radius: 0.6em;
    box-shadow: inset 0 0 0 1px currentColor, inset 0.05em 0.05em 0.05em 0 rgba(255, 255, 255, 0.33), inset 0 0 0 calc(0.6em - 1px) rgba(255, 255, 255, 0.05), inset 0 0 0 0.6em currentColor;
    clip: rect(auto, 3em, 3em, auto);
    transform: translate(-1.5em, 0.1em) scale(0.25, 1) rotate(45deg); }
  .unown[data-letter="a"]::after {
    box-sizing: border-box;
    height: 1.8em;
    width: 1.8em;
    top: -0.4em;
    left: -0.4em;
    border-radius: 0.2em;
    border-radius: 0.9em / 0.9em;
    clip: rect(0.9em, 1.3em, auto, 0.5em); }

.unown[data-letter="b"] {
  margin: 1em 0.25em; }
  .unown[data-letter="b"]::before {
    box-sizing: border-box;
    height: 1em;
    width: 1em;
    top: 1em;
    left: 0;
    border-radius: 0.5em;
    box-shadow: inset 0 0 0 1px currentColor, inset 0.05em 0.05em 0.05em 0 rgba(255, 255, 255, 0.33), inset 0 0 0 calc(0.2em - 1px) rgba(255, 255, 255, 0.05), inset 0 0 0 0.2em currentColor; }
  .unown[data-letter="b"]::after {
    box-sizing: border-box;
    height: 1.8em;
    width: 1.8em;
    top: -0.4em;
    left: -0.4em;
    border-radius: 0.2em;
    border-radius: 0.9em / 0.9em;
    clip: rect(auto, 1em, auto, 0.8em);
    transform-origin: center center;
    transform: translate(0, 0.5em) rotate(40deg); }

.unown[data-letter="c"] {
  margin: 0.5em; }
  .unown[data-letter="c"]::before {
    box-sizing: border-box;
    height: 1.8em;
    width: 1.8em;
    top: -0.4em;
    left: -0.4em;
    border-radius: 0.2em;
    border-radius: 0.9em / 0.9em;
    clip: rect(auto, 1.44em, auto, auto);
    transform-origin: center center;
    transform: rotate(45deg); }
  .unown[data-letter="c"]::after {
    box-sizing: border-box;
    height: 1.8em;
    width: 1.8em;
    top: -0.4em;
    left: -0.4em;
    border-radius: 0.2em;
    border-radius: 0.9em / 0.9em;
    clip: rect(0.99em, 1.44em, auto, auto);
    transform: translate(15%, -40%); }

.unown[data-letter="d"] {
  margin: 0.4em; }
  .unown[data-letter="d"]::before {
    box-sizing: border-box;
    height: 1.8em;
    width: 1.8em;
    top: -0.4em;
    right: -0.4em;
    border-radius: 1em;
    box-shadow: inset 0 0 0 1px currentColor, inset 0.05em 0.05em 0.05em 0 rgba(255, 255, 255, 0.33), inset 0 0 0 calc(0.2em - 1px) rgba(255, 255, 255, 0.05), inset 0 0 0 0.2em currentColor;
    clip: rect(auto, auto, auto, 0.9em); }
  .unown[data-letter="d"]::after {
    top: -0.4em;
    left: 0.4em;
    height: 1em; }

.unown[data-letter="e"] {
  margin: 0.5em; }
  .unown[data-letter="e"]::before {
    box-sizing: border-box;
    height: 1.6em;
    width: 1.6em;
    top: -0.3em;
    left: 0.4em;
    border-radius: 0.2em;
    box-shadow: inset 0 0 0 1px currentColor, inset 0.05em 0.05em 0.05em 0 rgba(255, 255, 255, 0.33), inset 0 0 0 calc(0.2em - 1px) rgba(255, 255, 255, 0.05), inset 0 0 0 0.2em currentColor;
    clip: rect(auto, 0.7em, auto, auto); }
  .unown[data-letter="e"]::after {
    height: 0.2em;
    width: 1.6em;
    top: 0.4em;
    left: -0.3em; }

.unown[data-letter="f"] {
  margin: 0.5em 0.75em; }
  .unown[data-letter="f"]::before {
    box-sizing: border-box;
    height: 0.75em;
    width: 0.75em;
    top: 0.125em;
    left: 0.125em;
    border-radius: 0.2em;
    border-radius: 0.2em;
    border-top-left-radius: 4em;
    border-bottom-right-radius: 1em;
    transform-origin: center center;
    transform: translate(0.75em) rotate(45deg); }
  .unown[data-letter="f"]::after {
    box-sizing: border-box;
    height: 0.5em;
    width: 1em;
    top: 0.25em;
    left: 0em;
    border-radius: 0.2em;
    border-radius: 0.2em;
    top: 1em;
    left: 0.3em;
    clip: rect(auto, 0.5em, auto, auto); }

.unown[data-letter="g"] {
  margin: 0.75em 0.25em; }
  .unown[data-letter="g"]::before {
    box-sizing: border-box;
    height: 0.8em;
    width: 0.8em;
    top: 0.1em;
    left: 0.1em;
    border-radius: 0.2em;
    border-top-left-radius: 4em;
    transform-origin: center center;
    transform: translate(0, -0.7em) rotate(45deg); }
  .unown[data-letter="g"]::after {
    box-sizing: border-box;
    height: 1em;
    width: 1em;
    top: 0em;
    left: 0em;
    border-radius: 0.2em;
    clip: rect(0.24em, auto, auto, 0.24em);
    transform: translate(0.4em, 0.75em) rotate(135deg); }

.unown[data-letter=h] {
  margin: 0.5em; }
  .unown[data-letter=h]::before {
    box-sizing: border-box;
    height: 1.8em;
    width: 1.8em;
    top: -0.4em;
    left: -0.4em;
    border-radius: 0.2em;
    border-radius: 0.9em / 0.9em;
    clip: rect(auto, 0.72em, auto, auto); }
  .unown[data-letter=h]::after {
    box-sizing: border-box;
    height: 1.8em;
    width: 1.8em;
    top: -0.4em;
    left: -0.4em;
    border-radius: 0.2em;
    border-radius: 0.9em / 0.9em;
    clip: rect(auto, auto, auto, 1.08em); }

.unown[data-letter=i] {
  margin: 0.5em 0; }
  .unown[data-letter=i]::before {
    height: 2em;
    top: -0.5em;
    left: 0.4em; }

.unown[data-letter=j] {
  margin: 1em 0.25em; }
  .unown[data-letter=j]::before {
    height: 1em;
    top: 0em;
    left: 0.4em;
    top: -0.5em;
    transform-origin: 50% 100%;
    transform: rotate(45deg); }
  .unown[data-letter=j]::after {
    box-sizing: border-box;
    height: 1em;
    width: 0.6em;
    top: 0em;
    left: 0.2em;
    border-radius: 0.2em;
    top: 0.4em;
    left: auto;
    right: 0.4em;
    clip: rect(0.6em, auto, auto, auto); }

.unown[data-letter=k] {
  margin: 0.5em 0.5em; }
  .unown[data-letter=k]::before {
    top: -0.5em;
    left: 0.4em;
    height: 2em; }
  .unown[data-letter=k]::after {
    width: 1em;
    height: 1em;
    top: 0.4em;
    left: 0.8em;
    clip: rect(auto, 0.7em, 0.7em, auto);
    transform: rotate(-45deg);
    transform-origin: 0.1em 0.1em; }

.unown[data-letter=l] {
  margin: 1em 0.25em; }
  .unown[data-letter=l]::before {
    height: 1em;
    top: 0em;
    left: 0.4em;
    top: -0.5em;
    transform-origin: 50% 100%;
    transform: rotate(-45deg); }
  .unown[data-letter=l]::after {
    box-sizing: border-box;
    height: 1.5em;
    width: 1em;
    top: -0.25em;
    left: 0em;
    border-radius: 0.2em;
    top: 0.3em;
    left: 0.4em;
    clip: rect(0.5em, 0.6em, auto, auto); }

.unown[data-letter=m] {
  margin: 0.5em; }
  .unown[data-letter=m]::before {
    box-sizing: border-box;
    height: 1.8em;
    width: 1.8em;
    top: -0.4em;
    left: -0.4em;
    border-radius: 0.2em;
    border-radius: 0.9em / 0.9em;
    clip: rect(auto, auto, 1.44em, auto); }
  .unown[data-letter=m]::after {
    height: 0.6em;
    top: 0.2em;
    left: 0.4em;
    top: -0.4em; }

.unown[data-letter=n] {
  margin: 0.914em; }
  .unown[data-letter=n]::before {
    height: 1.8em;
    width: 1.8em;
    top: -0.4em;
    right: -0.4em;
    border-radius: 0.2em;
    clip: rect(0.4em, auto, 1.4em, auto);
    transform-origin: 50% 50%;
    transform: rotate(-45deg) scale(1, 1.75); }
  .unown[data-letter=n]::after {
    height: 0.2em;
    width: 2.5452em;
    top: 0.4em;
    left: -0.7726em; }

.unown[data-letter=o] {
  margin: 0.5em; }
  .unown[data-letter=o]::before {
    box-sizing: border-box;
    height: 1.8em;
    width: 1.8em;
    top: -0.4em;
    left: -0.4em;
    border-radius: 0.9em; }
  .unown[data-letter=o]::after {
    height: 0.9em;
    width: 0.2em;
    top: 0.5em;
    left: 0.4em; }

.unown[data-letter=p] {
  margin: 0.25em; }
  .unown[data-letter=p]::before {
    top: -0.1em;
    left: 0;
    height: 0.5em;
    transform: rotate(-45deg); }
  .unown[data-letter=p]::after {
    top: 0.5em;
    height: 1em; }

.unown[data-letter=q] {
  margin: 0.25em; }
  .unown[data-letter=q]::before {
    top: -0.5em;
    left: 0.4em;
    height: 0.25em;
    transform: translate(0.5em, 0.25em) rotate(-45deg); }
  .unown[data-letter=q]::after {
    top: -0.5em;
    left: 0.4em;
    height: 1em;
    transform: rotate(45deg);
    transform-origin: 50% 100%; }

.unown[data-letter=r] {
  margin: 0.25em; }
  .unown[data-letter=r]::before {
    height: 0.5em;
    bottom: -0.1em;
    right: 0;
    transform: rotate(-45deg); }
  .unown[data-letter=r]::after {
    height: 1em;
    top: 0.5em; }

.unown[data-letter=s] {
  margin: 0.5em; }
  .unown[data-letter=s]::before {
    box-sizing: border-box;
    height: 2em;
    width: 2em;
    top: -0.5em;
    left: -0.5em;
    border-radius: 0.2em;
    border-radius: 1em / 1em;
    clip: rect(auto, 1.4em, auto, 0.6em);
    transform-origin: center center;
    transform: rotate(25deg); }
  .unown[data-letter=s]::after {
    height: 2em;
    top: -0.5em;
    left: 0.4em; }

.unown[data-letter=t] {
  margin: 0.6em 0; }
  .unown[data-letter=t]::before {
    top: -0.5em;
    left: 0.4em;
    height: 1em; }
  .unown[data-letter=t]::after {
    height: 0.2em;
    width: 1em;
    top: -0.6em; }

.unown[data-letter=u] {
  margin: 0.5em; }
  .unown[data-letter=u]::before {
    box-sizing: border-box;
    height: 1em;
    width: 1em;
    top: 0em;
    left: 0em;
    border-radius: 0.2em;
    top: 0.5em;
    left: 0.5em;
    clip: rect(auto, 0.8em, 0.8em, auto);
    transform-origin: 0 0;
    transform: rotate(45deg); }
  .unown[data-letter=u]::after {
    box-sizing: border-box;
    height: 1.8em;
    width: 1.8em;
    top: -0.4em;
    left: -0.4em;
    border-radius: 0.2em;
    border-radius: 0.9em / 0.9em;
    clip: rect(0.99em, auto, auto, auto); }

.unown[data-letter=v] {
  margin: 1em 0.25em; }
  .unown[data-letter=v]::before {
    box-sizing: border-box;
    height: 0.75em;
    width: 1em;
    top: -0.55em;
    left: 0;
    border-radius: 0.5em;
    border-top-left-radius: 0.5em 0.25em;
    border-top-right-radius: 0.5em 0.25em; }
  .unown[data-letter=v]::after {
    height: 0.33em;
    width: 0.2em;
    top: -0.65em;
    right: -0.1em;
    transform-origin: 50% 50%;
    transform: rotate(45deg); }

.unown[data-letter=w] {
  margin: 0.5em; }
  .unown[data-letter=w]::before {
    box-sizing: border-box;
    height: 1.8em;
    width: 1.8em;
    top: -0.4em;
    left: -0.4em;
    border-radius: 0.2em;
    border-radius: 0.9em / 0.9em;
    top: -1.17em;
    clip: rect(0.9em, auto, auto, auto); }
  .unown[data-letter=w]::after {
    height: 1em;
    top: 0em;
    left: 0.4em;
    top: -0.5em; }

.unown[data-letter=x] {
  margin: 0.25em; }
  .unown[data-letter=x]::before {
    top: -0.3em;
    left: 0.4em;
    height: 1.6em;
    transform: rotate(45deg); }
  .unown[data-letter=x]::after {
    top: -0.3em;
    left: 0.4em;
    height: 1.6em;
    transform: rotate(-45deg); }

.unown[data-letter=y] {
  margin: 0.5em 0.33em; }
  .unown[data-letter=y]::before {
    box-sizing: border-box;
    height: 2em;
    width: 2em;
    top: -0.5em;
    left: -0.5em;
    border-radius: 0.2em;
    border-radius: 1em / 1em;
    clip: rect(1em, auto, auto, 1em);
    transform-origin: center center;
    transform: translate(0, -1.1em) rotate(45deg); }
  .unown[data-letter=y]::after {
    height: 1em;
    top: 0em;
    left: 0.4em;
    top: 0.5em; }

.unown[data-letter=z] {
  margin: 0.5em 0; }
  .unown[data-letter=z]::before {
    box-sizing: border-box;
    height: 2em;
    width: 1em;
    top: -0.5em;
    left: 0em;
    border-radius: 0.2em;
    border-radius: 0.5em / 1em;
    clip: rect(auto, auto, 1em, 0.45em);
    transform-origin: center center;
    transform: rotate(-15deg); }
  .unown[data-letter=z]::after {
    box-sizing: border-box;
    height: 2em;
    width: 1em;
    top: -0.5em;
    left: 0em;
    border-radius: 0.2em;
    border-radius: 0.5em / 1em;
    clip: rect(1em, 0.55em, auto, auto);
    transform-origin: center center;
    transform: rotate(-15deg); }

.unown[data-letter="!"],
.unown[data-letter="?"] {
  vertical-align: bottom;
  box-shadow: inset 0 0 0 1px currentColor, inset 0.05em 0.05em 0.05em 0 rgba(255, 255, 255, 0.33), inset 0 0 0 calc(0.2em - 1px) rgba(255, 255, 255, 0.05), inset 0 0 0 0.2em currentColor, inset 0 1.47em 0 -1em currentColor, inset 0.03em 0.03em 0 0.2em white, inset 0 0 0 0.4em #f8f8f8, inset -0.01em -0.01em 0 0.47em rgba(0, 0, 0, 0.25), inset -0.01em -0.01em 0 0.47em currentColor, inset 0 0 0 0.5em white; }

.unown[data-letter="!"] {
  margin-top: 1em; }
  .unown[data-letter="!"]::before {
    height: 1.2em;
    top: -1em;
    left: 0.4em; }

.unown[data-letter="?"] {
  margin-top: 1em; }
  .unown[data-letter="?"]::before {
    box-sizing: border-box;
    height: 1em;
    width: 0.8em;
    top: -1em;
    right: 0;
    border-radius: 0.1em 0.5em 0.5em 0.1em;
    clip: rect(auto, auto, auto, 0.2em); }
  .unown[data-letter="?"]::after {
    height: 1em;
    width: 0.2em;
    top: -0.2em;
    left: 0.4em; }

/*# sourceMappingURL=unown.css.map */
