@charset "utf-8";
/* CSS Document */

.attach>a{position:fixed;left:0;top:110px;display:block;text-align:center;font-size:2.2rem;line-height:40px;width:40px;height:40px;background:white;color:black;border-top-right-radius:4px;border-bottom-right-radius:4px;-webkit-transition:all 975ms ease-in-out;-moz-transition:all 975ms ease-in-out;-ms-transition:all 975ms ease-in-out;-o-transition:all 975ms ease-in-out;transition:all 975ms ease-in-out}
.attach:hover>a{border-bottom-right-radius:0}
.attach .themes{position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;top:150px;padding:12px;width:160px;background:white;display:none;z-index:99;border-top-right-radius:4px;border-bottom-right-radius:4px;box-shadow:3px 3px 4px rgba(0,0,0,0.2)}
.attach:hover .themes{display:block}
.attach .theme{position:relative;top:0;border-radius:4px;display:block;text-align:center;width:100%;font-size:12px;color:white;padding:10px 0;margin-bottom:10px}
.attach .theme:last-child{margin-bottom:0}
.attach .theme:nth-child(1){background:#e44}
.attach .theme:nth-child(2){background:#2ecc71}
.attach .theme:nth-child(3){background:#3498db}
.attach .theme:nth-child(4){background:#fff;box-shadow:inset 0 0 0 1px #eee;color:black}
.attach .theme:nth-child(5){background:#ea396b}
.attach .theme:nth-child(6){background:#52c1ef}
.attach .theme:nth-child(7){background:#fb4d00}
.attach .theme:nth-child(8){background:#46466b}
.badge{position:fixed;right:-100px;top:30px;padding:14px 100px;text-align:center;background:#4d0099;color:white;opacity:.5;z-index:99999;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all 275ms ease-in-out;-moz-transition:all 275ms ease-in-out;-ms-transition:all 275ms ease-in-out;-o-transition:all 275ms ease-in-out;transition:all 275ms ease-in-out}
.badge:hover{opacity:1}@media screen and (max-width:1023px){.attach,.badge{display:none}}