react-font-style/lib/ui/Dropdown.css

React font style editor

.root {
  display: inline-block;
  position: relative;
  line-height: 22px;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.root select {
  position: relative;
  z-index: 2;
  display: inline-block;
  box-sizing: border-box;
  height: 30px;
  line-height: inherit;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
  border: 4px solid transparent;
  border-right-width: 10px;
  border-left-width: 5px;
  background: none transparent;
  opacity: 0;
  cursor: pointer;
}

.root .value {
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  line-height: 23px;
  border: 1px solid #999;
  border-radius: 2px;
  padding: 3px;
  padding-right: 20px;
  padding-left: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.root .value::before,
.root .value::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  border: 4px solid transparent;
}

.root .value::before {
  margin-top: -10px;
  border-bottom-color: #555;
}

.root .value::after {
  margin-top: 1px;
  border-top-color: #555;
}

.root select:focus + .value {
  border-color: #66afe9;
}

/* On Webkit we can style <select> to be transparant without turning off the
   default focus styles. This is better for accessibility. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .root select {
    opacity: 0;
    color: inherit;
    -webkit-appearance: none;
    border-left-width: 12px;
    border-right-width: 35px;
  }

  .root select + .value {
    color: transparent;
  }

  .root select:focus + .value {
    border-color: #999;
  }
}

.icon {
  /* display: inline-block; */
  width: 22px;
  height: 22px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px;
  float: left;
  margin-top: 3px;
  margin-left: 3px;
  background-sie: 13px;  
}

.icon-lineheight {
  composes: icon;
  background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQwOS40OTEgNDA5LjQ5MSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDA5LjQ5MSA0MDkuNDkxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGQ9Ik0xOTAuMDYyLDg5LjY0OGgyMDguOThjNS43NzEsMCwxMC40NDktNC42NzgsMTAuNDQ5LTEwLjQ0OXMtNC42NzgtMTAuNDQ5LTEwLjQ0OS0xMC40NDloLTIwOC45OCAgICAgYy01Ljc3MSwwLTEwLjQ0OSw0LjY3OC0xMC40NDksMTAuNDQ5UzE4NC4yOTEsODkuNjQ4LDE5MC4wNjIsODkuNjQ4eiIgZmlsbD0iIzAwMDAwMCIvPgoJCQk8cGF0aCBkPSJNMTkwLjA2MiwxNzMuMjRoMTUxLjUxYzUuNzcxLDAsMTAuNDQ5LTQuNjc4LDEwLjQ0OS0xMC40NDljMC01Ljc3MS00LjY3OC0xMC40NDktMTAuNDQ5LTEwLjQ0OWgtMTUxLjUxICAgICBjLTUuNzcxLDAtMTAuNDQ5LDQuNjc4LTEwLjQ0OSwxMC40NDlDMTc5LjYxMywxNjguNTYxLDE4NC4yOTEsMTczLjI0LDE5MC4wNjIsMTczLjI0eiIgZmlsbD0iIzAwMDAwMCIvPgoJCQk8cGF0aCBkPSJNMzk5LjA0MiwyMzUuOTMzaC0yMDguOThjLTUuNzcxLDAtMTAuNDQ5LDQuNjc4LTEwLjQ0OSwxMC40NDlzNC42NzgsMTAuNDQ5LDEwLjQ0OSwxMC40NDloMjA4Ljk4ICAgICBjNS43NzEsMCwxMC40NDktNC42NzgsMTAuNDQ5LTEwLjQ0OVM0MDQuODEyLDIzNS45MzMsMzk5LjA0MiwyMzUuOTMzeiIgZmlsbD0iIzAwMDAwMCIvPgoJCQk8cGF0aCBkPSJNMjk5Ljc3NiwzMTkuNTI1SDE5MC4wNjJjLTUuNzcxLDAtMTAuNDQ5LDQuNjc4LTEwLjQ0OSwxMC40NDlzNC42NzgsMTAuNDQ5LDEwLjQ0OSwxMC40NDloMTA5LjcxNCAgICAgYzUuNzcxLDAsMTAuNDQ5LTQuNjc4LDEwLjQ0OS0xMC40NDlTMzA1LjU0NywzMTkuNTI1LDI5OS43NzYsMzE5LjUyNXoiIGZpbGw9IiMwMDAwMDAiLz4KCQkJPHBhdGggZD0iTTEyMy4xODksMTMxLjQ0NGM2LjA1OC0wLjE0MSwxMC44NTQtNS4xNjYsMTAuNzE0LTExLjIyM2MtMC4wNTUtMi4zNzgtMC44ODItNC42NzMtMi4zNTQtNi41NEw3NS4xMjMsMzcuOTI1ICAgICBjLTMuOTI1LTQuNjE3LTEwLjg0OS01LjE3OC0xNS40NjUtMS4yNTNjLTAuNDUxLDAuMzgzLTAuODcsMC44MDItMS4yNTMsMS4yNTNMMS45OCwxMTMuMTU4ICAgICBjLTIuMjA1LDMuNjIzLTIuNTkyLDguMDY3LTEuMDQ1LDEyLjAxNmMyLjAyMSwzLjQwOCw1LjQ4MSw1LjcxNCw5LjQwNCw2LjI2OUg1My4xOHYxNDYuMjg2SDEwLjM0ICAgICBjLTMuOTIzLDAuNTU1LTcuMzgzLDIuODYxLTkuNDA0LDYuMjY5Yy0xLjU0LDMuNzczLTEuMTUxLDguMDYsMS4wNDUsMTEuNDk0bDU2LjQyNCw3NS43NTVjMi4wMjQsMi41Nyw1LjA4OSw0LjEwMiw4LjM1OSw0LjE4ICAgICBjMy4zMDksMC4wODgsNi40NDQtMS40OCw4LjM1OS00LjE4bDU2LjQyNC03NS4yMzNjMi4zNzktMy41NjQsMi43NzMtOC4wOTUsMS4wNDUtMTIuMDE2Yy0xLjgyLTMuNTkzLTUuMzg3LTUuOTcyLTkuNDA0LTYuMjY5ICAgICBINzkuMzAzVjEzMS40NDRIMTIzLjE4OXoiIGZpbGw9IiMwMDAwMDAiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==");
}

.icon-font {
  composes: icon;
  background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMC43MTQgNTEwLjcxNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEwLjcxNCA1MTAuNzE0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTM2NC44NzcsNjYuMjA4VjM2LjM3MWMtMi40NzgtMC4xODgtNS4xNC0wLjI4Mi03Ljk5NC0wLjI4MmwtMTEuOTkxLDAuMjgybC0xLjk5OCwyLjI4NiAgICBjLTEuMzM1LDEuNTI0LTMuMzM0LDMuMDQ2LTUuOTk2LDQuNTY1Yy0yLjY2MiwxLjUyMS01LjMyOCwyLjE5LTcuOTk0LDEuOTk4bC05LjcwOS0wLjU2OGgtODMuNjUzbC02MS4zODUtMC4yODhsLTMyLjgzNiwwLjI4OCAgICBsLTUuNDI0LDAuODU1SDk4Ljc4MmMtMzYuMzU3LDAtNTYuNDM3LTAuNDc3LTYwLjI0Mi0xLjQyN2wtMTUuNDE5LTcuNzFMMCwzNi42NzR2MjQuNTV2ODQuNzk2ICAgIGMyLjI4MywzLjIzNiw3LjYxMiw3LjQyMywxNS45ODYsMTIuNTYzYzEuMzMyLDAsMy4yODQtMS4yMzksNS44NTItMy43MTZjMi41Ny0yLjQ3NSw0LjQyMy01LjUyLDUuNTY2LTkuMTM3ICAgIGMyLjA5NC02LjI4LDQuMzgtMTQuMjcyLDYuODU0LTIzLjk4M2MyLjQ3My05LjcwMyw0LjU2OC0xNi44NDUsNi4yNzktMjEuNDExYzEuNzA5LTQuNTY3LDMuODAyLTcuNzA3LDYuMjgtOS40MTkgICAgYzMuMDQxLTIuMDk2LDkuOTg5LTQuNDI3LDIwLjgzOS02Ljk5NWMxMC44NS0yLjU3NCwyMC4zNjctMy44NTUsMjguNTQ5LTMuODU1YzIwLjkzOCwwLDM1LjAyMiwwLjU3MSw0Mi4yNTUsMS43MDkgICAgYzEuNTI0LDAuMTksMi44NTUsMC43NjUsMy45OTksMS43MTVjMC43NjMsMC43NiwxLjMzMiwyLjE5LDEuNzEzLDQuMjgxYzAuMzc4LDIuMDk2LDAuNTcxLDcuNTIyLDAuNTcxLDE2LjI3OSAgICBjMCw4Ljc1Mi0wLjA0OSwxOC41MTItMC4xNDQsMjkuMjYzYy0wLjA5NCwxMC43NTYtMC4wNSwyMi4wMzIsMC4xNDQsMzMuODMxbDEuNDI1LDEyMi4xOTdjMC4zOCw0NS44Ny0wLjE4OCw4Ny4wOC0xLjcxMiwxMjMuNjIyICAgIGMtMC41NzIsNi42NTktMS43MTMsMTEuOTg3LTMuNDI3LDE1Ljk4OGMtMy44MDYsMi4yNzktMTguOTM3LDcuMDQzLTQ1LjM5NSwxNC4yNzFjLTExLjA0MiwzLjA0NS0xOC41NTksNy43MDYtMjIuNTU3LDEzLjk4OSAgICB2Mi41NjdsMC4yODcsNy40MTljMCwwLjc2NywwLjE5MywzLjIzNywwLjU3Miw3LjQyNmM0LjE4NywwLDEwLjg1LTAuMzc2LDE5Ljk4NS0xLjE0M2MyNy42LTIuNjY2LDQ5Ljc3Mi00LjAwMSw2Ni41MjEtNC4wMDEgICAgYzMxLjU5NSwwLDU0LjI0NywwLjc2LDY3Ljk1MiwyLjI4M2MxNC42NTQsMS45MDIsMzIuNDU1LDIuODUxLDUzLjM5MSwyLjg1MWMzLjgwNiwwLDcuMDQzLTAuMDkzLDkuNzA1LTAuMjg0ICAgIGMwLjU3NS0zLjYxNCwwLjg2Mi02LjM3MiwwLjg2Mi04LjI3NWMwLTAuOTUxLTAuNDc5LTUuNzA4LTEuNDMxLTE0LjI3N2MtMy44MDYtMS45MDItOC41NTktMy42MTMtMTQuMjcxLTUuMTQgICAgYy0yLjg1NC0wLjc2LTYuOTQ2LTEuOTAyLTEyLjI3NS0zLjQyOWMtNS4zMjYtMS41MjYtOS41MTgtMi43NjYtMTIuNTYyLTMuNzE3Yy0zLjA0NS0wLjk0OC00Ljc2LTEuNDI0LTUuMTM4LTEuNDI0ICAgIGMtNy42MTEtMS4zMzQtMTYuMDgxLTQuMzc3LTI1LjQxLTkuMTM3Yy0yLjI4NC03LjQyLTMuMzMtMTUuNTEtMy4xNC0yNC4yNjdsMC4yODgtNDEuOTczbC0wLjg1OS0xMDIuNTAxdi05NC43NzFsLTAuMjg4LTQzLjM5NiAgICBjLTAuMzc4LTcuNDIyLDAuMzgzLTIwLjM2MywyLjI4Ni0zOC44MzFjNi4yNzktMC45NSwxMi42NTctMS40MjcsMTkuMTMtMS40MjdjOC4xODYsMCwxOC43NDctMC4wOSwzMS42OTMtMC4yODQgICAgYzEyLjk0Mi0wLjE5MiwyMi43OTEtMC4yODgsMjkuNTU0LTAuMjg4YzYuNzU1LDAsMTAuNzk3LDAuMTkzLDEyLjEzNSwwLjU3MWMyLjY2MiwwLjc2NSw1LjIyOSwyLjU3NCw3LjcwMyw1LjQyNiAgICBjMC4zOCwwLjM4MiwwLjk0OCwzLjE0LDEuNzExLDguMjhjMC43NjQsNS4xNCwxLjg1OCwxMS4zNzIsMy4yODksMTguNjk5YzEuNDI3LDcuMzMsMi45MDEsMTMuMjc4LDQuNDI4LDE3Ljg0OCAgICBjNS41MTcsMTYuMTc4LDEwLjY1NywyOC4zNTksMTUuNDE0LDM2LjU0NWM1LjUxNy0wLjU3MiwxMS45OTEtMi4yODgsMTkuNDE3LTUuMTQxYzAuNzYtMy42MTcsMS4xMzYtOC40NywxLjEzNi0xNC41NjEgICAgbDAuMjg0LTE2LjU2MmwtMC4yODQtMjguNTQ0QzM2NC45NzMsNzguNzIxLDM2NC44NzcsNjYuMjA4LDM2NC44NzcsNjYuMjA4eiIgZmlsbD0iIzAwMDAwMCIvPgoJCTxwYXRoIGQ9Ik00OTcuOTI0LDQwMS41MzRoLTIyLjg0M3YtMjkyLjM2aDIyLjg0M2M2LjI4MywwLDEwLjI4LTEuNzU5LDExLjk5MS01LjI4MmMxLjcxNS0zLjUyMSwwLjY2Ny03Ljc1NC0zLjEzOS0xMi43MDcgICAgTDQ3MC44LDQ0LjkzN2MtMy44MDYtNC45NDktOC40NzQtNy40MjMtMTMuOTktNy40MjNjLTUuNTE2LDAtMTAuMTgxLDIuNDc0LTEzLjk4Niw3LjQyM2wtMzUuOTc3LDQ2LjI0OSAgICBjLTMuNzk5LDQuOTUyLTQuODQ2LDkuMTg2LTMuMTQyLDEyLjcwN2MxLjcwNCwzLjUyMyw1LjcwOCw1LjI4MiwxMS45OTEsNS4yODJoMjIuODQ2djI5Mi4zNmgtMjIuODQ2ICAgIGMtNi4yODMsMC0xMC4yOCwxLjc2LTExLjk5MSw1LjI4OGMtMS43MTEsMy41MTgtMC42NjQsNy43NTQsMy4xNDIsMTIuNzAybDM1Ljk3Nyw0Ni4yNTFjMy44MDYsNC45NDgsOC40NzEsNy40MTksMTMuOTg2LDcuNDE5ICAgIGM1LjUxNywwLDEwLjE4NS0yLjQ3MSwxMy45OS03LjQxOWwzNS45NzctNDYuMjUxYzMuODAzLTQuOTQ4LDQuODUtOS4xODUsMy4xMzktMTIuNzAyICAgIEM1MDguMjA1LDQwMy4yOTQsNTA0LjIwOCw0MDEuNTM0LDQ5Ny45MjQsNDAxLjUzNHoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K");
}

.icon-align-left {
  composes: icon;
  background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MyA1MTEuNjMxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTEuNjMgNTExLjYzMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0xOC4yNzQsMjM3LjU0OGg0MzguNTQyYzQuOTQ5LDAsOS4yMjktMS44MTIsMTIuODQ3LTUuNDI5YzMuNjE0LTMuNjEyLDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NXYtMzYuNTQ3ICAgIGMwLTQuOTUyLTEuODA3LTkuMjMxLTUuNDIxLTEyLjg0N2MtMy42MTctMy42MTctNy44OTctNS40MjQtMTIuODQ3LTUuNDI0SDE4LjI3NGMtNC45NTIsMC05LjIzMywxLjgwNy0xMi44NTEsNS40MjQgICAgQzEuODA5LDE3My40OTUsMCwxNzcuNzc4LDAsMTgyLjcyN3YzNi41NDdjMCw0Ljk0NywxLjgwOSw5LjIzMyw1LjQyNCwxMi44NDVDOS4wNDQsMjM1LjczNiwxMy4zMjYsMjM3LjU0OCwxOC4yNzQsMjM3LjU0OHoiIGZpbGw9IiMwMDAwMDAiLz4KCQk8cGF0aCBkPSJNMTguMjc0LDEyNy45MDloMzI4Ljg5N2M0Ljk0OCwwLDkuMjM2LTEuODA5LDEyLjg1NC01LjQyNGMzLjYxMy0zLjYxNyw1LjQyNC03Ljg5OCw1LjQyNC0xMi44NDdWNzMuMDkxICAgIGMwLTQuOTQ4LTEuODExLTkuMjI5LTUuNDI0LTEyLjg1Yy0zLjYxNy0zLjYxMi03LjkwNS01LjQyNC0xMi44NTQtNS40MjRIMTguMjc0Yy00Ljk1MiwwLTkuMjMzLDEuODEyLTEyLjg1MSw1LjQyNCAgICBDMS44MDksNjMuODU4LDAsNjguMTQzLDAsNzMuMDkxdjM2LjU0N2MwLDQuOTQ4LDEuODA5LDkuMjI5LDUuNDI0LDEyLjg0N0M5LjA0NCwxMjYuMSwxMy4zMjYsMTI3LjkwOSwxOC4yNzQsMTI3LjkwOXoiIGZpbGw9IiMwMDAwMDAiLz4KCQk8cGF0aCBkPSJNNTA2LjIwNiwzODkuMTQ3Yy0zLjYxNy0zLjYxNy03LjkwNS01LjQyNy0xMi44NS01LjQyN0gxOC4yNzRjLTQuOTUyLDAtOS4yMzMsMS44MS0xMi44NTEsNS40MjcgICAgQzEuODA5LDM5Mi43NjIsMCwzOTcuMDQ2LDAsNDAxLjk5NHYzNi41NDZjMCw0Ljk0OCwxLjgwOSw5LjIzMiw1LjQyNCwxMi44NTRjMy42MjEsMy42MSw3LjkwNCw1LjQyMSwxMi44NTEsNS40MjFoNDc1LjA4MiAgICBjNC45NDQsMCw5LjIzMi0xLjgxMSwxMi44NS01LjQyMWMzLjYxNC0zLjYyMSw1LjQyNS03LjkwNSw1LjQyNS0xMi44NTR2LTM2LjU0NkM1MTEuNjMsMzk3LjA0Niw1MDkuODIsMzkyLjc2Miw1MDYuMjA2LDM4OS4xNDd6IiBmaWxsPSIjMDAwMDAwIi8+CgkJPHBhdGggZD0iTTE4LjI3NCwzNDcuMTc5aDM2NS40NDljNC45NDgsMCw5LjIzMy0xLjgxMSwxMi44NDctNS40MjhjMy42MTctMy42MTQsNS40MjgtNy44OTgsNS40MjgtMTIuODQ3di0zNi41NDIgICAgYzAtNC45NDUtMS44MTEtOS4yMzMtNS40MjgtMTIuODQ3Yy0zLjYxMy0zLjYxNy03Ljg5OC01LjQyOC0xMi44NDctNS40MjhIMTguMjc0Yy00Ljk1MiwwLTkuMjMzLDEuODExLTEyLjg1MSw1LjQyOCAgICBDMS44MDksMjgzLjEyOSwwLDI4Ny40MTcsMCwyOTIuMzYydjM2LjU0NWMwLDQuOTQ4LDEuODA5LDkuMjM2LDUuNDI0LDEyLjg0N0M5LjA0NCwzNDUuMzcxLDEzLjMyNiwzNDcuMTc5LDE4LjI3NCwzNDcuMTc5eiIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=");
}

.icon-align-center {
  composes: icon;
  background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MyA1MTEuNjMxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTEuNjMgNTExLjYzMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGQ9Ik01MTEuNjMsNDAxLjk5NHYzNi41NDZjMCw0Ljk0OC0xLjgxMSw5LjIzMi01LjQyNSwxMi44NTRjLTMuNjE3LDMuNjEtNy45MDUsNS40MjEtMTIuODUsNS40MjFIMTguMjc0ICAgYy00Ljk0NywwLTkuMjMtMS44MTEtMTIuODUxLTUuNDIxQzEuODA5LDQ0Ny43NzIsMCw0NDMuNDg4LDAsNDM4LjU0di0zNi41NDZjMC00Ljk0OCwxLjgwOS05LjIzMiw1LjQyNC0xMi44NDcgICBjMy42MTgtMy42MTcsNy44OTgtNS40MjcsMTIuODUxLTUuNDI3aDQ3NS4wODJjNC45NDQsMCw5LjIzMiwxLjgxLDEyLjg1LDUuNDI3QzUwOS44MiwzOTIuNzYyLDUxMS42MywzOTcuMDQ2LDUxMS42Myw0MDEuOTk0eiAgICBNMTI3LjkxLDI3NC4wODhjLTQuOTUyLDAtOS4yMzMsMS44MTEtMTIuODUsNS40MjhjLTMuNjE4LDMuNjEzLTUuNDI0LDcuOTAxLTUuNDI0LDEyLjg0N3YzNi41NDUgICBjMCw0Ljk0OCwxLjgwNyw5LjIzNiw1LjQyNCwxMi44NDdjMy42MiwzLjYxNyw3LjkwMSw1LjQzMiwxMi44NSw1LjQzMmgyNTUuODEzYzQuOTQ4LDAsOS4yMzMtMS44MTQsMTIuODQ3LTUuNDMyICAgYzMuNjE3LTMuNjEsNS40MjgtNy44OTgsNS40MjgtMTIuODQ3di0zNi41NDVjMC00Ljk0NS0xLjgxMS05LjIzMy01LjQyOC0xMi44NDdjLTMuNjEzLTMuNjE3LTcuODk4LTUuNDI4LTEyLjg0Ny01LjQyOEgxMjcuOTF6ICAgIE01NC44MjEsMjM3LjU0OEg0NTYuODFjNC45NDksMCw5LjIzMy0xLjgxMiwxMi44NDgtNS40MjljMy42MTMtMy42MTIsNS40Mi03Ljg5OCw1LjQyLTEyLjg0NXYtMzYuNTQ3ICAgYzAtNC45NTItMS44MDctOS4yMzEtNS40Mi0xMi44NDdjLTMuNjE0LTMuNjE3LTcuODk4LTUuNDI0LTEyLjg0OC01LjQyNEg1NC44MjFjLTQuOTUyLDAtOS4yMzUsMS44MDctMTIuODUsNS40MjQgICBjLTMuNjE3LDMuNjE1LTUuNDI0LDcuODk4LTUuNDI0LDEyLjg0N3YzNi41NDdjMCw0Ljk0NywxLjgwNyw5LjIzMyw1LjQyNCwxMi44NDVDNDUuNTksMjM1LjczNiw0OS44NjksMjM3LjU0OCw1NC44MjEsMjM3LjU0OHogICAgTTE2NC40NTcsMTI3LjkwOWgxODIuNzE0YzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODU0LTUuNDI0YzMuNjEzLTMuNjE3LDUuNDI0LTcuODk4LDUuNDI0LTEyLjg0N1Y3My4wOTEgICBjMC00Ljk0OC0xLjgxMS05LjIyOS01LjQxNy0xMi44NWMtMy42Mi0zLjYxMi03LjkwNS01LjQyNC0xMi44NTQtNS40MjRIMTY0LjQ1N2MtNC45NTIsMC05LjIzNSwxLjgxMi0xMi44NSw1LjQyNCAgIGMtMy42MTcsMy42MTctNS40MjYsNy45MDItNS40MjYsMTIuODV2MzYuNTQ3YzAsNC45NDgsMS44MDksOS4yMjksNS40MjYsMTIuODQ3QzE1NS4yMjYsMTI2LjEsMTU5LjUwOCwxMjcuOTA5LDE2NC40NTcsMTI3LjkwOXoiIGZpbGw9IiMwMDAwMDAiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K");
}

.icon-align-right {
  composes: icon;
  background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MyA1MTEuNjMxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTEuNjMgNTExLjYzMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik00OTMuMzU2LDM4My43MjFIMTguMjc0Yy00Ljk1MiwwLTkuMjMzLDEuODEtMTIuODUxLDUuNDI3QzEuODA5LDM5Mi43NjIsMCwzOTcuMDQ2LDAsNDAxLjk5NHYzNi41NDYgICAgYzAsNC45NDgsMS44MDksOS4yMzIsNS40MjQsMTIuODU0YzMuNjIxLDMuNjEsNy45MDQsNS40MjEsMTIuODUxLDUuNDIxaDQ3NS4wODJjNC45NDQsMCw5LjIzMi0xLjgxMSwxMi44NS01LjQyMSAgICBjMy42MTQtMy42MjEsNS40MjUtNy45MDUsNS40MjUtMTIuODU0di0zNi41NDZjMC00Ljk0OC0xLjgxMS05LjIzMi01LjQyNS0xMi44NDdDNTAyLjU4OCwzODUuNTMsNDk4LjMsMzgzLjcyMSw0OTMuMzU2LDM4My43MjF6IiBmaWxsPSIjMDAwMDAwIi8+CgkJPHBhdGggZD0iTTQ5My4zNTYsMjc0LjA4OEgxMjcuOTFjLTQuOTUyLDAtOS4yMzMsMS44MTEtMTIuODUsNS40MjhjLTMuNjE4LDMuNjEzLTUuNDI0LDcuOTAxLTUuNDI0LDEyLjg0N3YzNi41NDUgICAgYzAsNC45NDgsMS44MDcsOS4yMzYsNS40MjQsMTIuODQ3YzMuNjIsMy42MTcsNy45MDEsNS40MzIsMTIuODUsNS40MzJoMzY1LjQ0NmM0Ljk0NCwwLDkuMjMyLTEuODE0LDEyLjg1LTUuNDMyICAgIGMzLjYxNC0zLjYxLDUuNDI1LTcuODk4LDUuNDI1LTEyLjg0N3YtMzYuNTQ1YzAtNC45NDUtMS44MTEtOS4yMzMtNS40MjUtMTIuODQ3QzUwMi41ODgsMjc1Ljg5NSw0OTguMywyNzQuMDg4LDQ5My4zNTYsMjc0LjA4OHoiIGZpbGw9IiMwMDAwMDAiLz4KCQk8cGF0aCBkPSJNNDkzLjM1NiwxNjQuNDU2SDU0LjgyMWMtNC45NTIsMC05LjIzNSwxLjgwNy0xMi44NSw1LjQyNGMtMy42MTcsMy42MTUtNS40MjQsNy44OTgtNS40MjQsMTIuODQ3djM2LjU0NyAgICBjMCw0Ljk0NywxLjgwNyw5LjIzMyw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy44OTgsNS40MjksMTIuODUsNS40MjloNDM4LjUzNWM0Ljk0NCwwLDkuMjMyLTEuODEyLDEyLjg1LTUuNDI5ICAgIGMzLjYxNC0zLjYxMiw1LjQyNS03Ljg5OCw1LjQyNS0xMi44NDV2LTM2LjU0N2MwLTQuOTUyLTEuODExLTkuMjMxLTUuNDI1LTEyLjg0N0M1MDIuNTg4LDE2Ni4yNjMsNDk4LjMsMTY0LjQ1Niw0OTMuMzU2LDE2NC40NTZ6ICAgICIgZmlsbD0iIzAwMDAwMCIvPgoJCTxwYXRoIGQ9Ik01MDYuMjA2LDYwLjI0MWMtMy42MTctMy42MTItNy45MDUtNS40MjQtMTIuODUtNS40MjRIMTY0LjQ1N2MtNC45NTIsMC05LjIzNSwxLjgxMi0xMi44NSw1LjQyNCAgICBjLTMuNjE3LDMuNjE3LTUuNDI2LDcuOTAyLTUuNDI2LDEyLjg1djM2LjU0N2MwLDQuOTQ4LDEuODA5LDkuMjI5LDUuNDI2LDEyLjg0N2MzLjYxOSwzLjYxNiw3LjkwMSw1LjQyNCwxMi44NSw1LjQyNGgzMjguODk5ICAgIGM0Ljk0NCwwLDkuMjMyLTEuODA5LDEyLjg1LTUuNDI0YzMuNjE0LTMuNjE3LDUuNDI1LTcuODk4LDUuNDI1LTEyLjg0N1Y3My4wOTFDNTExLjYzLDY4LjE0Myw1MDkuODIsNjMuODYxLDUwNi4yMDYsNjAuMjQxeiIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=");
}