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

h1,
h2,
h3,
h4,
h5 {
  color:#ffe6c0;
  font-weight:bold;
  line-height:1.25
}
h1 {
  font-size:130%
}
h2 {
  font-size:120%
}
h1,
h2 {
  font-weight:900;
  margin-bottom:12px;
  cursor:default
}
h3 {
  font-size:116%;
  font-weight:900;
  margin-bottom:16px
}
h4 {
  font-size:107%;
  font-weight:normal;
  margin-bottom:8px
}
a {
  color:#7dcaed;
  text-decoration:none;
  cursor:pointer
}
a:hover {
  color:#9ad1ea;
  text-decoration:underline
}
a i {
  margin-right:4px
}
i {
  font-style:italic
}

/* BUTTON STUFF */
.button {
  background-color:#8e8e8e;
  padding:10px 12px 10px 12px;
  font-size:100%;
  text-align:left;
  color:#000;
  font-weight:600;
  display:inline-block;
  vertical-align:baseline;
  min-width:128px;
  border:none;
  line-height:inherit;
  white-space:nowrap;
  box-shadow:inset 8px 0px 4px -8px #000,inset -8px 0px 4px -8px #000,inset 0px 10px 2px -8px #e3e3e3,inset 0px 10px 2px -8px #282828,inset 0px -9px 2px -8px #000,0px 0px 4px 0px #000;
  position:relative;
  margin-right:14px;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  height:36px;
  text-align:left
}
.flex-column .button {
  margin-right:0
}
.button i {
  margin-right:0px
}
.button:hover,
.button:focus,
.button.hover {
  color:#000;
  text-decoration:none;
  outline:0;
  box-shadow:inset 8px 0px 4px -8px #000,inset -8px 0px 4px -8px #000,inset 0px 9px 2px -8px #fff,inset 0px 8px 4px -8px #000,inset 0px -8px 4px -8px #000,inset 0px -9px 2px -8px #432400,0px 0px 4px 0px #000,inset 0px 0px 4px 2px #f9b44b;
  background-color:#e39827;
  filter:drop-shadow(0 0 2px #f9b44b)
}
.button:active,
.button.active {
  position:relative;
  padding-top:12px;
  padding-bottom:8px;
  vertical-align:-2px;
  box-shadow:inset 0px 10px 2px -8px #000,inset 0px 9px 2px -8px #000,inset 8px 0px 4px -8px #563a10,inset 8px 0px 4px -8px #563a10,inset -8px 0px 4px -8px #563a10,inset -8px 0px 4px -8px #563a10,inset 0px 9px 2px -8px #563a10,inset 0px -9px 2px -8px #563a10,inset 0px -8.5px 0px -8px #563a10,0px 0px 4px 0px #000;
  background-color:#f1be64;
  filter:none;
  outline:0
}
.button.disabled,
.button.disabled:hover,
.button.disabled:active {
  padding-top:10px;
  padding-bottom:10px;
  cursor:default;
  vertical-align:0;
  background-color:#3d3d3d;
  color:#818181;
  box-shadow:inset 8px 0px 4px -8px #000,inset -8px 0px 4px -8px #000,inset 0px 8px 4px -8px #000,inset 0px -6px 4px -8px #818181,inset 0px -8px 4px -8px #000,0px 0px 4px 0px #000;
  filter:none
}
.button-green {
  background-color:#5eb663;
  padding:10px 12px 10px 12px;
  font-size:100%;
  text-align:left;
  color:#000;
  font-weight:600;
  display:inline-block;
  vertical-align:baseline;
  min-width:128px;
  border:none;
  line-height:inherit;
  white-space:nowrap;
  box-shadow:inset 8px 0px 4px -8px #000,inset -8px 0px 4px -8px #000,inset 0px 10px 2px -8px #95df99,inset 0px 10px 2px -8px #163218,inset 0px -9px 2px -8px #000,0px 0px 4px 0px #000;
  position:relative;
  margin-right:14px;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  height:36px;
  text-align:left
}
.flex-column .button-green {
  margin-right:0
}
.button-green i {
  margin-right:0px
}
.button-green:hover,
.button-green:focus,
.button-green.hover {
  color:#000;
  text-decoration:none;
  outline:0;
  box-shadow:inset 8px 0px 4px -8px #000,inset -8px 0px 4px -8px #000,inset 0px 9px 2px -8px #cdf1cf,inset 0px 8px 4px -8px #000,inset 0px -8px 4px -8px #000,inset 0px -9px 2px -8px #432400,0px 0px 4px 0px #000,inset 0px 0px 4px 2px #34be3c;
  background-color:#92e897;
  filter:drop-shadow(0 0 2px #34be3c)
}
.button-green:active,
.button-green.active {
  position:relative;
  padding-top:12px;
  padding-bottom:8px;
  vertical-align:-2px;
  box-shadow:inset 0px 10px 2px -8px #000,inset 0px 9px 2px -8px #000,inset 8px 0px 4px -8px #3f5024,inset 8px 0px 4px -8px #3f5024,inset -8px 0px 4px -8px #3f5024,inset -8px 0px 4px -8px #3f5024,inset 0px 9px 2px -8px #3f5024,inset 0px -9px 2px -8px #3f5024,inset 0px -8.5px 0px -8px #3f5024,0px 0px 4px 0px #000;
  background-color:#cfdf93;
  filter:none;
  outline:0
}
.button-green.disabled,
.button-green.disabled:hover,
.button-green.disabled:active {
  padding-top:10px;
  padding-bottom:10px;
  cursor:default;
  vertical-align:0;
  background-color:#002b02;
  color:#376d3b;
  box-shadow:inset 8px 0px 4px -8px #000,inset -8px 0px 4px -8px #000,inset 0px 8px 4px -8px #000,inset 0px -6px 4px -8px #376d3b,inset 0px -8px 4px -8px #000,0px 0px 4px 0px #000;
  filter:none
}
.button-green-right {
  background-color:#5eb663;
  padding:10px 12px 10px 12px;
  font-size:100%;
  text-align:left;
  color:#000;
  font-weight:600;
  display:inline-block;
  vertical-align:baseline;
  min-width:128px;
  border:none;
  line-height:inherit;
  white-space:nowrap;
  box-shadow:inset 8px 0px 4px -8px #000,inset 0px 10px 2px -8px #95df99,inset 0px 10px 2px -8px #163218,inset 0px -9px 2px -8px #000,0px 0px 4px 0px #000;
  position:relative;
  margin-right:14px;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  height:36px;
  text-align:right
}
.button-green-right::after {
  content:"";
  position:absolute;
  height:100%;
  width:24px;
  right:-10px;
  top:0;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAABACAMAAADCiszgAAABDlBMVEUAAAASMBURLxJJgUkAKxNKiU1Ih01msGpMjVFNjlFLik9ToFdLik9Lik9Lik5Yq1wIHgoOKhGAyoVNjVFipmY3cDpQkVVrsHB2vHlXmFyK1Y5/yoRvuHNcs2E7eT8bQB1doGFAe0IJIQxNjFJDgkhjrGgGHgxetmNcs2FasF9RllVVpllXqlxRnlVQm1RYrV0cQh5SoVcUNRdQk1VLllA8e0AXOhpQkFM0bDcqXC4jTiVRmFVFiUkIHgpTpFhNmVJEh0hNj1EtYTCI1I16w35utnJXn1tNk1FJkk1HjUs/fkI3czsyajYpWSsZPhxrsW9ZnV1XmVo6dz41bzgmUygkUCYiTSUTMRUPKxEOKRFdNbmJAAAAJ3RSTlMAVisODG41Bvb75Zfc1dGXlwb98/7y8fDS0JeXl5eXl25sVjU1MSucyRWzAAABMElEQVQ4y23M51LCUBiE4QWRKFFB7L37EUJTithI6FXs7f5vxDgok3Oy+/OdZxbGdrOZ3DyDOmMn2WptHM5odbfdflzdOtGq2ek8Pa/Pqtg0nVK3eLUUVWrcvsil08UVFaeszG/WsKQsT+tYJJW3s7caFpl8FOf8WKZ40YeFYqFYKBaKhWLx44V/LBQLxaLg+T8sFAvFouFYdFIZFoqFYqFYArjuYQngeuwUEsB19wii4lqu2x+s6dXO9QavDa1atuMOG2+Bh1658VFQq5XJutX3cQjaQal8XbgMQ6N31ZtKKAJKQSkoBaWgFJSCUlAKSkEpKAWloBSUglJQCkpBKSgFpdiz8rUARTxec9yRRmGYTv/lQaMw9ocjL6oUywfjyufXdxhqTdx7O46QmjhX4w9Fq5Q/daB+bwAAAABJRU5ErkJggg==");
  background-repeat:no-repeat;
  background-position:100% 0%;
  background-size:contain
}
.button-green-right i {
  margin-right:0px
}
.button-green-right:hover,
.button-green-right:focus,
.button-green-right.hover {
  color:#000;
  text-decoration:none;
  outline:0;
  filter:brightness(1.3) drop-shadow(0 0 2px #34be3c)
}
.button-green-right:active,
.button-green-right.active {
  position:relative;
  padding-top:12px;
  padding-bottom:8px;
  vertical-align:-2px;
  box-shadow:inset 0px 10px 2px -8px #000,inset 0px 9px 2px -8px #000,inset 8px 0px 4px -8px #3f5024,inset 8px 0px 4px -8px #3f5024,inset 0px 9px 2px -8px #3f5024,inset 0px -9px 2px -8px #3f5024,inset 0px -8.5px 0px -8px #3f5024,0px 0px 4px 0px #000;
  background-color:#cfdf93;
  filter:none;
  outline:0
}
.button-green-right:active::after,
.button-green-right.active::after {
  content:"";
  position:absolute;
  height:100%;
  width:24px;
  right:-10px;
  top:0;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAABACAMAAADCiszgAAACBFBMVEUAAACWq1clPgwnPRChwmOhv18iOQ4iOhEdLwwhNBAkOA8jOQ4iNBAkPBSJolSUs1t1ij4kNA4MHwAhLwwhMw0hMQ+Fn0+Jp16Xt14aLA0kOxQlPBR5jkAnOBMqOhYVJQYOIgMcLgsLHQIoPRgZKQoiOBEkOxF4jj6SsFkLGwMlORdOYCRleS4/UB9ohU8xRR3P35PD5ovO3pHM3ZDK243A1IXG2Iq4zX7N4JLM4ZHL4pDJ4o+ev2nH44/F5I6guGoxRxitw3WBmlNxiUZOZS294YW12H0+VCKqzXOcvGWSqmBedjmevmSRqV9geDoQIQIJGgLJ346v0nquxHUmMSMEEQTF4Y3B44mtzom+3IegwoSVt3+etWlwj2KKpld+llJ/mVFuhUQ6TiLH2oq704nA24e21Ya73oW73oOz1X210n2oy3Klxm6lvW6Lq22YuWWaumSUs2KYt2CQpl6Rr1yLqFuNplqBnFF0jEN2kEJeci9MYi1LYCtBVCU9UyItQBguQxccKBLK3Y3C2onD1YfC2IWrzYS22YC6z32bvny1ynu10HigwnaoyHOpx22brmmjv2WWtWGMq2GPr196lV2AnFprh1iSrlZ4k1ZuilaLp1F4kEpyikhmfUF1jEBdcD5acjdUZzdtgjZacDNNYi5HWy0zQyg4TCYoNx4pOxsmMRogMA46/ea2AAAAMHRSTlMADhT7YTLolBhR/O2XTTk1Ev779vKcbWxlVk5MPv76+Ovpp6CclpRzZ15aVU5JRxpOaUmtAAAB4klEQVQ4y23Q5VuTcRTG8VtRBKQEAxS7++BgM6YOwYBJbOo6AQnp7rK7u5v6J3keHsbO2fW7X36vz4tzHVRryzmIhNVoy9mVArkb2mp25ENuZm5qqnr7ngT849e/6dn5namyvugJf/trS0tfKWqxpa0/OjqZnCFq0d3HgbB9PGmfwCeKiksqS8tsyVt4JZPZcv6C/XLSGo5JiUmJKY4zWFViUmJSYlrCFRpeu5lXA1cxTEpMAu9dwiRxarzGcezPtIyvVXwts603MAk8npaeYlSGS0cmDUwcR+y16zbomDiujI5O5ObrleNA+KeBieOSnujIRO4hrTJcZwlEqsa27j6uV3HGlz+1246CeK572NY/NDx2WNbb9568/Px9+Iio5Lh56/mHod8Fop7UamtocH+2qKcc3mbrwGABwOlpl9fZFdmYDXB6xtX4rG8gEwCnZ90PrCGdgtNzbmdXSKfgtLCptffACr1yWtjc0ZsFfZxebHmVt0jB6SVrt0HB6ZXOVQaFoOWrYYzT8hgFp1djFEoKJYWSQkmhpFBSKCmUFCaTw+VuaukUFGbzHW+js6NbUNTXNzQ4rW/yBIXH47n/9HVfFsR8Pt+j9nebJIXf729/+zETcsFg8P2nRIrr2v4fg9wCPnjQTyTwM1IAAAAASUVORK5CYII=");
  background-repeat:no-repeat;
  background-position:100% 0%;
  background-size:contain
}
.button-green-right.disabled,
.button-green-right.disabled:hover,
.button-green-right.disabled:active {
  padding-top:10px;
  padding-bottom:10px;
  cursor:default;
  vertical-align:0;
  background-color:#002b02;
  color:#376d3b;
  box-shadow:inset 8px 0px 4px -8px #000,inset -8px 0px 4px -8px #000,inset 0px 8px 4px -8px #000,inset 0px -6px 4px -8px #376d3b,inset 0px -8px 4px -8px #000,0px 0px 4px 0px #000;
  filter:none
}
.button-red {
  background-color:#fe5a5a;
  padding:10px 12px 10px 12px;
  font-size:100%;
  text-align:left;
  color:#000;
  font-weight:600;
  display:inline-block;
  vertical-align:baseline;
  min-width:128px;
  border:none;
  line-height:inherit;
  white-space:nowrap;
  box-shadow:inset 8px 0px 4px -8px #000,inset -8px 0px 4px -8px #000,inset 0px 10px 2px -8px #fda1a1,inset 0px 10px 2px -8px #8b0101,inset 0px -9px 2px -8px #000,0px 0px 4px 0px #000;
  position:relative;
  margin-right:14px;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  height:36px;
  text-align:left
}
.flex-column .button-red {
  margin-right:0
}
.button-red i {
  margin-right:0px
}
.button-red:hover,
.button-red:focus,
.button-red.hover {
  color:#000;
  text-decoration:none;
  outline:0;
  box-shadow:inset 8px 0px 4px -8px #000,inset -8px 0px 4px -8px #000,inset 0px 9px 2px -8px #f8eaea,inset 0px 8px 4px -8px #000,inset 0px -8px 4px -8px #000,inset 0px -9px 2px -8px #432400,0px 0px 4px 0px #000,inset 0px 0px 4px 2px #c35353;
  background-color:#ff9b9b;
  filter:drop-shadow(0 0 2px #c35353)
}
.button-red:active,
.button-red.active {
  position:relative;
  padding-top:12px;
  padding-bottom:8px;
  vertical-align:-2px;
  box-shadow:inset 0px 10px 2px -8px #000,inset 0px 9px 2px -8px #000,inset 8px 0px 4px -8px #642323,inset 8px 0px 4px -8px #642323,inset -8px 0px 4px -8px #642323,inset -8px 0px 4px -8px #642323,inset 0px 9px 2px -8px #642323,inset 0px -9px 2px -8px #642323,inset 0px -8.5px 0px -8px #642323,0px 0px 4px 0px #000;
  background-color:#fca8a8;
  filter:none;
  outline:0
}
.button-red.disabled,
.button-red.disabled:hover,
.button-red.disabled:active {
  padding-top:10px;
  padding-bottom:10px;
  cursor:default;
  vertical-align:0;
  background-color:#571f1f;
  color:#8c4e4e;
  box-shadow:inset 8px 0px 4px -8px #000,inset -8px 0px 4px -8px #000,inset 0px 8px 4px -8px #000,inset 0px -6px 4px -8px #8c4e4e,inset 0px -8px 4px -8px #000,0px 0px 4px 0px #000;
  filter:none
}

.tabs>li>a {
  white-space:nowrap
}
.tabs>li>a:hover .badge {
  color:#e39827
}
.tabs>li>a.active .badge,
.tabs>li>a.active:hover .badge {
  background-color:#ffe6c0;
  color:#414040
}
.tabs {
  display:flex;
  list-style-type:none;
  list-style-image:none;
  margin-top:12px;
  margin-left:16px;
  margin-bottom:-12px;
  margin-right:16px
}
.tabs li {
  margin:0 !important;
  display:block;
  max-height: 47.5px;
}
.tabs li a {
  display:block;
  padding:10px 18px 10px 18px;
  border-radius:4px 4px 0 0;
  font-weight:600;
  background-color:#8e8e8e;
  color:#1d1c1d;
  box-shadow:inset  0px  4px 1px -2px #c5c5c5, inset  0px  4px 1px -2px #888888, inset  0px -4px 1px -2px #2d2d2d, inset  4px  0px 1px -2px #7a7a7a, inset -4px  0px 1px -2px #372f2a
}
.tabs li a:not(.active):hover,
.tabs li a:not(.active):focus {
  text-decoration:none;
  background-color:#e39827;
  box-shadow:inset  0px  4px 1px -2px #d4c5ae, inset  0px  4px 1px -2px #cf994b, inset  0px -4px 1px -2px #4a300c, inset  4px  0px 1px -2px #8b6325, inset -4px  0px 1px -2px #4a300c, 0px 0px 8px #e39827;
  position:relative;
  z-index:1
}
.tabs li a.active {
  background-color:#414040;
  box-shadow:inset 0px 4px 1px -2px #686665,inset 4px 0px 1px -2px #372f2b,inset -4px 0px 1px -2px #262220,0px 6px 4px #414040,0px 0px 4px #101010;
  color:#ffe6c0;
  position:relative
}
.tabs.tabs-for-panel li a.active {
  background-color:#313031;
  box-shadow:inset 0px 4px 1px -2px #686665,inset 4px 0px 1px -2px #201815,inset -4px 0px 1px -2px #262220,0px 6px 4px #313031,0px 0px 4px #101010
}
.tabs-header {
  margin-top:0
}

/* GLOBAL STUFF */
* {
  box-sizing:border-box
}
html {
  height:100%;
}
body {
    background-color: #201810;
    background: #201810;
    background-image: url("background.jpg"), url("data:image/jpeg;base64,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");
    background-size: 5120px 5120px;
    background-position: center top;

    color:#fff;
    font-family:'Titillium Web', sans-serif;
    font-size:100%;

    display:flex;
    flex-direction:column;
    height: 100%;
}

/* PAGE STUFF */
.container {
    /* min-width:1200px; */

    margin-left:auto;
    margin-right:auto;
    padding-right: 16px;
    padding-left: 16px;
}
.footer {
  width:1200px;
  max-width:100%;
  padding-left:16px;
  padding-right:16px;
  margin:auto auto 0 auto
}
.footer-inner {
  margin-top:0px;
  display:flex;
  margin-bottom:16px;
  overflow:visible !important
}
.footer-links {
  text-align:center;
  width:50%;
  margin-right:16px;
  font-size:85%
}
.footer-copyright {
  text-align:center;
  width:100%;
  width:50%;
  margin-left:16px;
  font-size:92.5%
}
.links li,
.links .separator {
  display:inline-block
}
.links a {
  white-space:nowrap
}
.separator {
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  cursor:default;
  margin-left:8px;
  margin-right:8px;
  color:#ccc
}

/* MY STUFF */
.frame {
    background-color:#313031;
    border-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAABhWlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw1AUhU9bpSIVETuICAasulgQFXHUKhShQqgVWnUweekfNGlIUlwcBdeCgz+LVQcXZ10dXAVB8AfE0clJ0UVKvC8ptIjxwuN9nHfP4b37AH+txFSzbRxQNctIxmNCOrMqBF/hwyB6MIohiZn6nCgm4Flf99RNdRflWd59f1aXkjUZ4BOIZ5luWMQbxNObls55nzjMCpJCfE48ZtAFiR+5Lrv8xjnvsJ9nho1Ucp44TCzkW1huYVYwVOIp4oiiapTvT7uscN7irJYqrHFP/sJQVltZ5jqtAcSxiCWIECCjgiJKsBClXSPFRJLOYx7+fscvkksmVxGMHAsoQ4Xk+MH/4PdszdzkhJsUigHtL7b9MQwEd4F61ba/j227fgIEnoErrekv14CZT9KrTS1yBHRvAxfXTU3eAy53gL4nXTIkRwrQ8udywPsZfVMG6L0FOtfcuTXOcfoApGhWiRvg4BAYyVP2use7O1rn9m9PY34/opByuh0Yaa8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmAgIQJSQU1l6SAAAAGXRFWHRDb21tZW50AENyZWF0ZWQgd2l0aCBHSU1QV4EOFwAAALpQTFRFZGJhY2BgYF1cXVpZXFpZXFpYW1hXWlVSV1JQT01MT0xLT0pJTUdETUZDSEJBPDk4PDg3PzYzPzYxOzc2OzYzNi8sMTAxMTAwMS8wMS8vMS4vMC4uMC0tMCwsMCwrMCsqLyooMSYhLCclLCYlLiUhLCUkKCEfJSIhJyEeJSEhJyAdJCEfJCAeJx0aIx0bIxwZIxsYIxoXIBoXHhYUFQ8NEw4NDw4NEQ0MEA0MDw0NDAkHBQQDAwICAAAAeCdZ2wAAAAFiS0dECfHZpewAAACCSURBVHhebY9LDsMwCAXh+RdUiCPl/lc1EXa8aNWRjR6zAWANTBtGM5RSS8kpyDOjR62LMB16N5HXiLRbkeulaqarXDXDx/CxiQY03H25GQhORL6JDPrlj4mFeTPXJkREMAOBgdVPN98hqvp5vxwAJ9HTemCnSmLEgbktcpwMfM8HHrGVLy5TM6g2AAAAAElFTkSuQmCC") 8/4px repeat;
    padding: 12px;
    overflow:hidden;
    box-shadow:0px 0px 3px 0px #201815
}
.preview_frame {
    width: 256;
}
.preview {
    width: 256px;
    height: 256px;
    object-fit: contain;
    image-rendering: pixelated;
}
.icon {
    width: 64px;
    height: 64px;
    /* image-rendering: pixelated; */
}
.shallow_frame {
    background-color:#414040;
    padding: 4px;
    border:none;
    box-shadow:inset 0px 0px 3px 0px #000000, 0px -2px 2px -1px #000000, -2px 0px 2px -2px #0f0d0c, 2px 0px 2px -2px #0f0d0c, 0px 2px 2px -2px #ebe6e4;
}
.deep_frame {
    border-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAMAAABgOjJdAAABhWlDQ1BJQ0MgcHJvZmlsZQAAKJF9kTtIw1AUhv+miiIVBzuICEaoThbEF45ahSJUCLVCqw4mN31Bk4YkxcVRcC04+FisOrg46+rgKgiCDxBHJydFFynx3KTQIsYDl/vx3/P/3HsuINRKTLPaxgBNt81kPCamM6tixysCGEQIQ5iSmWXMSVICvvV1T91Ud1Ge5d/3Z3WrWYsBAZF4lhmmTbxBPL1pG5z3icOsIKvE58SjJl2Q+JHrisdvnPMuCzwzbKaS88RhYjHfwkoLs4KpEU8SR1RNp3wh7bHKeYuzVqqwxj35C0NZfWWZ67QGEMciliBBhIIKiijBRpR2nRQLSTqP+fj7Xb9ELoVcRTByLKAMDbLrB/+D37O1chPjXlIoBrS/OM7HMNCxC9SrjvN97Dj1EyD4DFzpTX+5Bsx8kl5tapEjoGcbuLhuasoecLkD9D0Zsim7UpCWkMsB72f0TRmg9xboWvPm1jjH6QOQolklboCDQ2AkT9nrPu/ubJ3bvz2N+f0As9tywbHNoQUAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmAgMLNBNXffN5AAAAGXRFWHRDb21tZW50AENyZWF0ZWQgd2l0aCBHSU1QV4EOFwAAAQtQTFRFAAAAAAAAMTAAYQABMQABAAAA/9y6AAAAAAAA/7F+SjAAMRgAMQABGQABAAAA/9nH/9m0MQ8AIQ8AAAAAAAAA/8GqGQsAAAAAAAAAAAAAOxwAMRMAJwkAFAkAMQ8AKQ8AEQABAAAAAAAAAAAA/+/pBwYA//fq//HkAAAAJQsAAAAAIQoABQQA//nwIgkADwQAAAAA//XsAAAAAAAAAAAAHQsA//rzAAAAAAAAAAAACgIAAAAAAAAADAUABgIAAAAAAAAAAAAAGQcADwcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAcAAAAACgMAAAAAAAAAAAAACgIAAAAAAAAAAwIAAAAAdNLDhQAAAFh0Uk5TAAIFBQUFBwgJCgoKCwsMDg4QEBASFRUVGBkaGhoaHx8gICEiIyQlJiYqLi8vMjQ0NDY2Nzo+P0BBTE5PUVNTVFpcXmNjZG9wcXJzdHh5fYCChIuMl5utu+r6V5gAAAABYktHRFmasvQYAAABUklEQVR4nLXUyU7DMBAG4PHEaewsbWihUg9IIPH+T4QEEodKhZa0Wew0jo2SLlD74BM+WZpP8nj5TcA3yGWCdkXfCsTIFq3WvwIRYGqLA8BoyAg4jx9t8dEIMZBBUJ7P5itbrHf7QqhRIE4XD0tmC7n53B60HgSF+er+jtpCfX+td6CAAPIoW2YpM1pp3RsAEiBSJLIqN2Ur9FVESnbKnAShIaOtLaiQUvdD84gBMsaVLUhTdY3uBhFiHKaxsYWu5EEK3QMEyNmUpWgLVddV0XVHgEkY5mmSUFscK1FUoh1WiXia83RiC1nX+7LqFQAN0myWJOw/hL8P/1785+E/U/+9+O/W/z7cKF0F0CzOg7UDnt9WfdGUahRJ9v7iCKpen8r6JKKFigNHGNI3dNuqMVEkUtwRxAjaGn1KZUJg4nYKRzD1n2Q79egcbeJULgPP38MP9ZBIMci5WIsAAAAASUVORK5CYII=") 16/8px repeat;
    border-image-outset:4px;
    background-color:#242324;
    padding: 8px;
    box-shadow:none;
}

.name_frame {
    margin-top: 1px;
    width: 100%;
    max-width: 264px;
    display: flex;
    flex-direction: row;
    align-items:center;
    padding-left: 8px;
}
.feature_icon {
    image-rendering: auto;
    width: 28px;
    height: 28px;
}
.download_button {
    min-width: 36px;
    padding-left: 10px;
    padding-right: 10px;
}

.text_button {
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 0px;
    padding-top: 4px;
    text-align: center;
}
.text_button:active,
.text_button.active {
  padding-top:6px
}

.horizontally_stretchable {
    width: 100%;
    margin-left:auto;
    margin-right:auto;
}