body {
    margin: 0;
    font-family: Poppins, Arial, serif;
    width: 400px;
    background: #00f
}

#body,
#header,
body {
    overflow-x: clip
}

#body {
    background-image: url(data:image/png;base64,[encoded data, 14480 characters]);
    background-size: 100px;
    background-repeat: repeat;
    padding-bottom: 30px
}

a {
    text-decoration: none
}

li,
menu,
ol,
ul {
    list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6,
li,
menu,
ol,
p,
table,
td,
th,
tr,
ul {
    font-size: 100%;
    font-weight: 400;
    margin: 0;
    padding: 0
}

#header {
    display: block;
    width: 400px;
    height: 220px;
    background: url(data:image/png;base64,[encoded data, 20404 characters]);
    background-size: 400px;
    position: relative;
    margin-bottom: 10px
}

#header.buttons {
    margin-bottom: 35px
}

#page-title {
    position: absolute;
    bottom: 0;
    height: 55px;
    line-height: 50px;
    font-size: 25px;
    white-space: nowrap;
    display: inline;
    padding-left: 15px;
    background: #fff;
    width: 385px
}

#header > a {
    position: absolute;
    margin: 0;
    bottom: -31px;
    height: 13px;
    line-height: 13px;
    font-size: 13px;
    padding: 8px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(.5, #fff), to(#e6e6e6)) 0 0;
    color: #323232;
    border: 1px solid #cecece
}

#header a.right {
    right: 0;
    padding-right: 45px;
    border-bottom-left-radius: 10px
}

#header a.left {
    left: 0;
    padding-left: 45px;
    border-bottom-right-radius: 10px
}

.headline > h2 {
    font-size: 18px;
    padding: 0 10px
}

#body > .body-content,
#posts-form {
    width: 320px;
    margin-left: 40px;
    min-height: 175px
}

.headline,
menu.tab-header {
    white-space: nowrap;
    width: 300px
}

.headline {
    line-height: 2;
    color: #fff;
    background: url(data:image/png;base64,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) 0 0 no-repeat;
    margin: 6px 10px;
    background-size: 100% !important
}

.headline.headline-green {
    background: url(data:image/png;base64,[encoded data, 4156 characters]) 0 0 no-repeat;
    border-color: #59c9a5
}

.icon-container > .icon {
    width: 60px;
    height: 60px;
    background: #e6eaf1
}

.list-content-with-icon-column > li {
    display: table;
    width: 300px;
    border-bottom: 3px dotted #d2b0e1;
    margin: 6px 10px
}

.icon-container {
    display: table-cell;
    width: 60px;
    height: 60px
}

.list-content-with-icon-column .body {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding-left: 10px
}

.list-content-with-icon-column .body-content .text {
    color: #969696;
    font-size: 12px;
    position: relative;
    top: -5px;
    left: 0
}

.scroll.to-community-button {
    display: block
}

.community-name.title {
    font-size: 15px;
    color: #323232
}

#page-title .icon-container {
    position: absolute;
    bottom: 6px;
    left: 10px;
    width: 40px;
    height: 40px
}

#page-title .icon-container > .icon {
    width: 40px;
    height: 40px
}

#page-title .community-name {
    margin-left: 55px;
    font-size: 15px;
    white-space: normal;
    line-height: 20px;
    vertical-align: middle;
    display: inline-block;
    max-width: 230px
}

#page-title.community {
    padding-left: 0;
    width: 400px
}

.sprite {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 100px
}

.feeling-selector .buttons input,
.sprite {
    content: "";
    background-image: url(data:image/png;base64,[encoded data, 41488 characters])
}

.sprite.posts {
    background-position: 0 0
}

.sprite.followers {
    background-position: -17px 0;
    width: 19px
}

.sprite.tag {
    background-position: -27px 0;
    width: 11px;
    background-size: 75px;
    height: 14px
}

.text {
    font-size: 16px;
    position: absolute;
    right: 10px;
    top: 2px
}

menu.tab-header {
    display: inline-block;
    text-align: center;
    padding: 5px 0;
    margin-top: 30px;
    margin-left: 10px;
    border: 1px solid #5e44aa;
    background: -webkit-gradient(linear, left top, left bottom, from(#6045af), to(#634ca8)) 0 0 !important;
    border-radius: 2px
}

menu.tab-header li {
    display: inline-block;
    width: 144px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAIAAADEwMXAAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABtSURBVBhXY0hwW8vgbzmBIcByIkOg1WSGYJtpDCG2MxlC7GYxhDnMZYhwmMcQ4biQIcppMUO08xIgXsoQ47KUIdplGZBexhDruhxI0wfHguxzBtFA7LqSIc51FUO82yqGBPfVDIkeaxmSvdYCACPsQZTOQ/JTAAAAAElFTkSuQmCC)
}

menu.tab-header li:first-child {
    margin-left: 7px;
    margin-right: -5px
}

menu.tab-header li:last-child {
    margin-left: 0;
    margin-right: 7px
}

menu.tab-header a {
    color: #cabbf3;
    width: 145px
}

menu.tab-header li.selected a {
    display: inline-block;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(.3, #fff), color-stop(.8, #fff5f5), color-stop(.96, #fff5f5), to(#fff5f5)) 0 0;
    color: #4d4d4d
}

menu.tab-header.user-page a,
menu.tab-header.user-page li {
    width: 97px;
    margin: -4px
}

menu.tab-header.user-page li:first-child {
    margin-left: 6px
}

menu.tab-header.user-page li.double,
menu.tab-header.user-page li.double > a {
    width: 146px
}

menu.tab-header.user-page li.double {
    margin-top: 5px
}

menu.tab-header.user-page li:last-child {
    margin-left: -5px
}

#mii-face,
.mii-icon-container img {
    width: 35px;
    height: 35px;
    background: #fff
}

.mii-icon-container {
    display: block;
    height: 35px;
    position: relative;
    float: left;
    border: 1px solid gray;
    margin: 5px 10px 0 5px
}

.post {
    background: #fff;
    margin-bottom: 15px;
    border-radius: 5px;
    border: 1px solid #666
}

.post-memo,
.post-screenshot {
    width: 318px
}

.post-memo {
    height: 118px
}

.post-screenshot {
    height: 178px
}

.post-list .post .timestamp {
    color: #969696
}

.tab-body.post-list {
    margin-top: 15px
}

.post header > a,
.tags,
header svg {
    display: inline-block;
    position: absolute
}

.post header > a {
    width: 258px;
    vertical-align: middle;
    overflow: clip;
    left: 0;
    top: 17px
}

.tags,
header svg {
    color: #a362d8;
    font-size: 10px;
    line-height: 12px;
    margin-top: 1px;
    margin-left: 0
}

.post-content-text {
    padding: 5px;
    font-size: 15px
}

.post header {
    margin-top: 7px;
    font-size: 12px;
    position: relative
}

.community-banner {
    display: inline-block;
    width: 100%
}

.post .community-banner .community-name {
    padding: 0 5px;
    display: inline-block;
    font-size: 11px;
    color: #969696;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    top: 8px;
    position: absolute;
    overflow: clip
}

.post .community-banner,
.title-icon-container {
    display: inline-block;
    width: 20px;
    height: 20px
}

.title-icon {
    width: 20px;
    height: 20px
}

.post .community-banner {
    background-color: #e5e5e5;
    color: #323232;
    position: relative;
    z-index: 2;
    border-radius: 2px;
    padding: 5px;
    width: 299px;
    margin: 5px
}

#add-post-page,
.spoiler .post-content {
    display: none
}

.spoiler-wrapper {
    width: 100%;
    display: inline-block
}

.button-wrapper > .load-more,
.spoiler-wrapper > button {
    position: relative;
    z-index: 2;
    font-size: 12px;
    border-radius: 5px;
    min-width: 200px;
    height: 35px;
    padding: 0;
    margin: 0 auto;
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(.5, #fff), to(#e6e6e6)) 0 0;
    border: 1px solid #cecece;
    cursor: pointer
}

.yeah-list {
    display: inline-block;
    max-height: 85px;
    overflow: clip
}

.submit.yeah-button {
    padding: 5px 5px 3px;
    margin: 5px;
    border: 1px solid gray;
    border-radius: 8px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(.5, #fff), color-stop(.8, #f6f6f6), color-stop(.96, #f5f5f5), to(#bbb)) 0 0
}

.sprite.yeah {
    width: 20px;
    height: 19px;
    background-position: -55px 0;
    background-size: 110px;
    border: 0;
    margin: 0
}

.yeah-button.selected .sprite.yeah {
    background-position: -74px 0
}

.feeling-selector .buttons {
    position: relative;
    float: left;
    height: 36px;
    border-radius: 2px;
    background-color: #846abd;
    margin-top: 5px;
    margin-right: 5px;
    padding: 0 3px
}

.feeling-selector .buttons li {
    display: inline-block;
    height: 26px;
    margin: 5px 3.5px
}

.feeling-selector .buttons input {
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    width: 28px;
    height: 28px;
    border: 0;
    text-indent: -3000px;
    background-size: 172px;
    background-position: 0 -29px;
    margin: -1px -2px -2px
}

.feeling-selector .buttons input:checked {
    background-position-y: -58px !important
}

.feeling-selector .icon {
    float: left;
    border: 1px solid gray;
    margin: 5px 5px 0
}

#add-post-page > header {
    margin-bottom: 0
}

.olv-modal-close-button,
.post-button {
    display: none
}

#posts-form {
    margin-bottom: -1px;
    margin-top: 1px;
    height: 208px
}

.feeling-button-normal {
    background-position-x: 0 !important
}

.feeling-button-happy {
    background-position-x: -28px !important
}

.feeling-button-like {
    background-position-x: -56px !important
}

.feeling-button-surprised {
    background-position-x: -84px !important
}

.feeling-button-frustrated {
    background-position-x: -113px !important
}

.feeling-button-puzzled {
    background-position-x: 31px !important
}

#body .image-selector .dropdown-toggle,
button.load-more {
    text-align: center;
    color: #323232;
    line-height: 1.2;
    cursor: pointer
}

#body .image-selector .dropdown-toggle {
    display: inline-block;
    height: 34px;
    margin: 5px 0;
    font-size: 24px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(.5, #fff), color-stop(.8, #f6f6f6), color-stop(.96, #f5f5f5), to(#bbb)) 0 0;
    border-radius: 4px;
    padding: 0 2px;
    user-select: none;
    border: 1px solid #323232
}

#body .image-selector .preview-image {
    vertical-align: bottom;
    width: 35px;
    height: 25px;
    border: 0;
    background-position-x: 1px;
    background-position-y: -125px;
    background-size: 150px
}

.dropdown-toggle > input {
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: 96px;
    margin: 0;
    -webkit-appearance: none;
    z-index: 20
}

.sprite.feeling,
.sprite.reply {
    padding-left: 20px;
    background-size: 150px;
    padding-bottom: 5px;
    color: #646464;
    margin-top: 6px;
    width: auto
}

.sprite.reply {
    background-position-x: -127px;
    background-position-y: 75px
}

.sprite.feeling {
    background-position-x: -128px;
    background-position-y: 55px
}

.to-permalink-button {
    float: right;
    margin-right: 10px;
    margin-top: 2px
}

div.button-wrapper.center {
    width: 100%;
    padding: unset;
    margin-bottom: 15px
}

button.load-more {
    position: relative;
    z-index: 2;
    font-size: 10px;
    border-radius: 5px;
    min-width: 100px;
    height: 35px;
    padding: 0;
    margin: 0 auto;
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(.5, #fff), to(#e6e6e6)) 0 0;
    border: 1px solid #cecece
}

#news-list-content li .body .timestamp {
    color: #969696;
    white-space: nowrap
}

#news-list-content li .body .link {
    color: #673db6
}

menu.tab-header.no-margin {
    margin-top: 0
}

.scroll.to-community-button.full {
    position: absolute;
    width: 298px;
    height: 66px;
    left: 52px
}

.textarea-menu {
    height: 123px;
    margin-top: 10px;
    position: relative;
    margin-left: 2px;
}

.textarea-menu input[type=radio] {
    width: 40px;
    height: 60px;
    -webkit-appearance: none;
    cursor: pointer
}

.textarea-menu > li {
    height: 60px;
}

.textarea-container .textarea-memo,
.textarea-container .textarea-text,
.textarea-container .textarea-text-preview {
    overflow: hidden;
    display: none;
    border: 1px solid #a09fa2;
    margin: 3px 0 0 -10px;
    border-radius: 0 5px 5px 0;
    position: absolute;
    padding: 5px;
    width: 251px;
    height: 110px;
    background: #f9f5fb;
    top: 0
}

.textarea-menu-text > input[type=radio] {
    border-top-left-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(.5, #fff), to(#e6e6e6)) 0 0;
    cursor: pointer
}

.textarea-menu-text > input[type=radio]:checked {
    border-top-left-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#866dbe), to(#673db6)) 0 0
}

.textarea-menu-memo > input[type=radio] {
    border-bottom-left-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(.5, #fff), to(#e6e6e6)) 0 0
}

.textarea-menu-memo > input[type=radio]:checked {
    border-bottom-left-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#866dbe), to(#673db6)) 0 0
}

.textarea-menu-text > input:checked ~ .textarea-menu-memo,
.textarea-menu > li > input:checked ~ .textarea-menu-text {
    background: -webkit-gradient(linear, left top, left bottom, from(#866dbe), to(#673db6))
}

.textarea-menu .textarea-memo.selected,
.textarea-menu .textarea-text.selected,
.textarea-menu-text > input:checked ~ .textarea-text {
    display: initial
}

.textarea-menu-memo > input:checked ~ .textarea-memo {
    display: unset;
    position: absolute
}

.textarea-memo-preview {
    display: block;
    image-rendering: pixelated;
    width: 250px;
    height: 94px;
    margin-top: 8px
}

.checkbox-container.spoiler-button {
    width: 100%;
    position: relative;
    vertical-align: middle;
    display: inline-block
}

.textarea-menu .sprite {
    position: absolute;
    left: 9px;
    width: 26px;
    height: 17px;
    background-size: 170px;
    pointer-events: none
}

.sprite.text-input {
    top: 24px;
    background-position: -61px -86px
}

.sprite.text-input.selected {
    background-position: -86px -86px
}

.sprite.memo {
    top: 85px;
    background-position: -65px -105px;
    width: 17px;
    left: 14px
}

.sprite.memo.selected {
    background-position: -85px -105px;
}

.checkbox-container span {
    margin: 4px auto;
    display: block;
    width: 100px;
}

.checkbox-container label {
    font-size: 16px;
}

.yeah-text {
    margin-left: 5px;
}
.submit.follow.yeah-button {
    position: absolute;
    bottom: -31px;
    left: 185px;
    margin: 0;
    line-height: 15px;
    font-size: 13px;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(.5,#fff),to(#e6e6e6))0 0;
    color: #323232;
    border: 1px solid #cecece;
    border-radius: 0 0 8px 8px;
}

.submit.follow.yeah-button.suggested {
    left: 135px;
}

#screenshot-button.none {
    opacity: 0;
    pointer-events: none;
    cursor: initial;
}


.arrow-button {
    display: inline-block;
    position: absolute;
    width: 240px;
    height: 65px;
}
.body.message .id-name {
    margin-left: 0;
    font-size: 12px;
    font-weight: 400;
    color: #969696;
}
.body.message span {
    font-size: 10px;
    color: #646464;
}
.body.message .nick-name {
    font-size: 14px;
    color: #000;
}

.message-post-list .post {
    background: transparent;
    border-radius: 0;
    border: none;
}

.message-post-list .mii-icon-container {
    float: right;
}

.message-post-list .other-post .mii-icon-container {
    float: left;
}

.message-post-list .post.my-post .post-body {
    float:right;
    background:#673db6;
    background:-webkit-gradient(linear,left top,left bottom,from(#9d6ff3),color-stop(.05,#9d6ff3),color-stop(1,#673db6),to(#673db6))0 0;
    color:#fff
}
.message-post-list .post .post-body {
    float:left;
    position:relative;
    background:#fff;
    border-radius:0;
    max-width:230px;
    min-height:20px;
    padding:5px 10px;
    font-size: 10px;
    border: 1px solid #666
}
.message-post-list .post .post-content {
    min-width:230px;
    word-wrap:break-word;
    white-space:pre-wrap;
    margin-bottom:5px
}
.message-post-list .post::after,
.settings-list-content .settings-list>li:after {
    content:"";
    display:block;
    clear:both
}
.message-viewer-bubble-sent-memo {
    width:225px;
    height:84px;
}
.message-viewer-bubble-sent-screenshot {
    width:225px;
}

.message-post-list .post.my-post header > span {
    text-align: right;
    width: 265px;
    display: inline-block;
}

.message-post-list .post header {
    color: #969696;
}