@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
/* line 13, assetic_compassnRe8Cq.sass */
textarea {
  min-height: 4rem;
}

/* line 16, assetic_compassnRe8Cq.sass */
#content {
  padding: 0px;
}

/* line 19, assetic_compassnRe8Cq.sass */
a {
  color: #9937a8;
}

/* line 22, assetic_compassnRe8Cq.sass */
.row .row {
  margin: 0px;
}

/* line 25, assetic_compassnRe8Cq.sass */
.button {
  background-color: #9937a8;
}

/* line 28, assetic_compassnRe8Cq.sass */
.button:hover {
  background-color: #791788;
}

/* line 31, assetic_compassnRe8Cq.sass */
hr {
  border-color: #4c4c4c;
}

/* line 34, assetic_compassnRe8Cq.sass */
hr.light {
  border-color: #eaeaea;
}

/* line 37, assetic_compassnRe8Cq.sass */
h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

/* line 40, assetic_compassnRe8Cq.sass */
.dark-link {
  color: black;
}

/* line 43, assetic_compassnRe8Cq.sass */
.dark-link:hover {
  color: black;
  text-decoration: underline;
}

/* line 47, assetic_compassnRe8Cq.sass */
.std-button {
  margin: 0;
  background-color: #4c4c4c;
}

/* line 51, assetic_compassnRe8Cq.sass */
.std-button:hover {
  color: #4c4c4c;
  background-color: #ededee;
}

/* line 55, assetic_compassnRe8Cq.sass */
.full-width {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: initial;
}

/* line 61, assetic_compassnRe8Cq.sass */
.emoji {
  margin-bottom: 3px;
  display: inline-block;
}

/* Layout
 */
/* line 69, assetic_compassnRe8Cq.sass */
.social-container {
  position: relative;
}

/* line 72, assetic_compassnRe8Cq.sass */
.social-container .social-fb {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 20px;
}

/* line 78, assetic_compassnRe8Cq.sass */
.social-container .social-tw {
  position: absolute;
  left: 58px;
  bottom: 0;
  height: 20px;
}

/* line 84, assetic_compassnRe8Cq.sass */
.social-container .social-tw a {
  color: transparent;
}

/* line 87, assetic_compassnRe8Cq.sass */
.top-bar {
  background-color: #343434;
}

/* line 90, assetic_compassnRe8Cq.sass */
.top-bar form {
  float: left;
}

/* line 93, assetic_compassnRe8Cq.sass */
.top-bar .toggle-topbar a {
  font-size: 1.2rem;
}

/* line 96, assetic_compassnRe8Cq.sass */
.top-bar-section .right li {
  border-left: 1px solid #404040;
}

/* line 99, assetic_compassnRe8Cq.sass */
.top-bar-section .left li {
  padding-left: 15px;
}

/* line 102, assetic_compassnRe8Cq.sass */
#nav-brand-data #nav-brand-home {
  padding: 0 5px;
  line-height: 45px;
  color: white;
}

/* line 107, assetic_compassnRe8Cq.sass */
#nav-brand-data #nav-brand-collection {
  color: white;
  padding-right: 5px;
}

/* line 111, assetic_compassnRe8Cq.sass */
#nav-brand-data img {
  height: 37px;
  width: 37px;
  margin-top: -3px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

/* line 119, assetic_compassnRe8Cq.sass */
#nav-user-data img {
  height: 37px;
  width: 37px;
  margin-top: -3px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

/* line 127, assetic_compassnRe8Cq.sass */
.top-bar-section ul.right a.top-bar-button {
  font-size: 1.4rem;
  color: gray;
}

/* line 131, assetic_compassnRe8Cq.sass */
.top-bar-section ul.right a.top-bar-button:hover {
  color: white;
}

/* line 134, assetic_compassnRe8Cq.sass */
.top-bar-section ul.right a.top-bar-button.logout-button:hover {
  background-color: #e10000;
}

/* line 137, assetic_compassnRe8Cq.sass */
.top-bar-section ul.right a.new-button {
  background: #9937a8;
  color: white;
}

/* line 141, assetic_compassnRe8Cq.sass */
.top-bar-section ul.right a.new-button:hover {
  background: #771586;
}

/* line 144, assetic_compassnRe8Cq.sass */
.top-bar-section ul.right a.top-bar-button.alert {
  background: #e10000;
  color: white;
}

/* line 148, assetic_compassnRe8Cq.sass */
.top-bar-section ul.right a.top-bar-button span {
  font-size: 0.8rem;
  color: white;
}

/* line 152, assetic_compassnRe8Cq.sass */
.title-area #mixxie-home-button {
  font-weight: 100;
  border: 1px solid white;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}

/* line 158, assetic_compassnRe8Cq.sass */
.title-area .main-button {
  height: 45px;
  float: left;
  border-right: 1px solid #404040;
}

/* line 163, assetic_compassnRe8Cq.sass */
.title-area #mixxie-nav-home-button {
  display: block;
  height: 100%;
  width: 70px;
  padding-left: 9px;
  padding-right: 9px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://mixxie.s3.amazonaws.com/mixxie-mask-anim.gif);
}

/* line 173, assetic_compassnRe8Cq.sass */
.title-area #mixxie-nav-home-button:hover {
  background-color: #272727;
  background-image: url(https://mixxie.s3.amazonaws.com/mixxie-mask-blink.gif);
}

/* line 177, assetic_compassnRe8Cq.sass */
.title-area #mixxie-nav-feed-button {
  display: block;
  color: gray;
  font-size: 0.8125rem;
  height: 100%;
  padding-top: 14px;
  padding-left: 9px;
  padding-right: 9px;
  background-position: center;
}

/* line 187, assetic_compassnRe8Cq.sass */
.title-area #mixxie-nav-feed-button:hover {
  color: white;
  background-color: #272727;
}

/* line 191, assetic_compassnRe8Cq.sass */
.box-editable > .box-actions {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1rem;
  display: none;
  background-color: rgba(0, 0, 0, 0.65);
  color: white;
  padding: 0.3rem;
  margin: 1rem;
}

/* line 202, assetic_compassnRe8Cq.sass */
.box-editable:hover > .box-actions {
  display: block;
}

/* line 205, assetic_compassnRe8Cq.sass */
#mixxie-footer {
  margin-bottom: 1rem;
}

/* line 208, assetic_compassnRe8Cq.sass */
#mixxie-footer p {
  font-size: 0.8rem;
}

/* line 211, assetic_compassnRe8Cq.sass */
#mixxie-footer ul {
  margin-top: 2.4rem;
  font-size: 0.8rem;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

/* line 218, assetic_compassnRe8Cq.sass */
#mixxie-footer .columns {
  font-size: 0.8rem;
}

/* line 221, assetic_compassnRe8Cq.sass */
#mixxie-footer a {
  color: black;
  text-decoration: underline;
}

/* line 225, assetic_compassnRe8Cq.sass */
#mixxie-footer a:hover {
  color: #9937a8;
}

/* line 228, assetic_compassnRe8Cq.sass */
#mixxie-footer .show-for-small-only {
  margin-bottom: 1.25rem;
  text-align: center;
}

/* line 232, assetic_compassnRe8Cq.sass */
#mixxie-footer hr.show-for-small-only {
  border-color: #e9e9e9;
}

/* line 235, assetic_compassnRe8Cq.sass */
#mixxie-footer .grey-bold {
  font-weight: bold;
  color: #4c4c4c;
}

/* line 239, assetic_compassnRe8Cq.sass */
#mixxie-footer .image-rounded {
  height: 2.6rem;
  width: 2.6rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

/* line 246, assetic_compassnRe8Cq.sass */
#mixxie-footer-logo {
  float: left;
  margin-top: 0.8rem;
}

/* line 250, assetic_compassnRe8Cq.sass */
.mixxie-footer-image {
  float: left;
  height: 2rem;
  width: auto;
}

/* line 255, assetic_compassnRe8Cq.sass */
.mixxie-footer-title {
  float: left;
  font-weight: lighter;
  font-size: 1.6rem;
  margin-top: 0.1rem;
  margin-left: 0.3rem;
  margin-bottom: 0;
  line-height: 2rem;
}

/* line 264, assetic_compassnRe8Cq.sass */
#mixxie-footer-inc {
  color: #999999;
}

/* line 267, assetic_compassnRe8Cq.sass */
.mixxie-footer-info {
  letter-spacing: 0.03rem;
  margin-top: 1.2rem;
  float: left;
  color: gray;
}

/* line 273, assetic_compassnRe8Cq.sass */
.mixxie-footer-info span {
  white-space: nowrap;
}

/* line 276, assetic_compassnRe8Cq.sass */
.mixxie-footer-info-small {
  text-align: left;
  letter-spacing: 0.03rem;
  margin-top: 1.2rem;
  color: gray;
}

@media screen and (max-width: 640px) {
  /* line 283, assetic_compassnRe8Cq.sass */
  footer .columns {
    padding: 0;
  }
}
/* Brand Footer
 */
/* line 288, assetic_compassnRe8Cq.sass */
#brand-footer-section {
  float: left;
}

/* line 291, assetic_compassnRe8Cq.sass */
#brand-footer-section img {
  float: left;
  height: 2.6rem;
  width: auto;
}

/* line 296, assetic_compassnRe8Cq.sass */
#brand-footer-section p {
  float: left;
  margin-top: -0.2rem;
  margin-left: 1rem;
  margin-bottom: 0;
  line-height: 1rem;
}

/* line 303, assetic_compassnRe8Cq.sass */
#brand-footer-section a {
  color: #4c4c4c;
}

/* line 306, assetic_compassnRe8Cq.sass */
#brand-footer-section a:hover {
  color: black;
}

/* line 309, assetic_compassnRe8Cq.sass */
#mixxie-credits {
  float: right;
}

/* line 312, assetic_compassnRe8Cq.sass */
#mixxie-credits img {
  float: left;
}

/* line 315, assetic_compassnRe8Cq.sass */
#mixxie-credits p {
  color: #9f9f9f;
  float: left;
  margin-top: 0.3rem;
  margin-left: 0.5rem;
  margin-bottom: 0;
  line-height: 1rem;
}

/* line 323, assetic_compassnRe8Cq.sass */
#mixxie-credits a {
  color: #9f9f9f;
}

/* line 326, assetic_compassnRe8Cq.sass */
#mixxie-credits a:hover {
  color: black;
}

/* line 329, assetic_compassnRe8Cq.sass */
#mixxie-footer .show-for-small-only #mixxie-credits {
  float: none;
  width: 8rem;
  margin-top: 1rem;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

/*
 * Home
 */
/* line 341, assetic_compassnRe8Cq.sass */
#home-header-wrapper {
  width: 100%;
  background-color: #e8e8e8;
}

@media screen and (min-width: 641px) {
  /* line 346, assetic_compassnRe8Cq.sass */
  #home-header-wrapper {
    height: 505px;
    background-image: url("/bundles/mixxieweb/img/home-striscia.jpg");
    background-position: center;
    background-repeat: repeat-x;
  }
}
@media screen and (max-width: 640px) {
  /* line 353, assetic_compassnRe8Cq.sass */
  #home-header-wrapper {
    height: 260px;
  }
}
/* line 356, assetic_compassnRe8Cq.sass */
#home-header {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 62.5rem;
  height: 100%;
}

@media screen and (min-width: 641px) {
  /* line 364, assetic_compassnRe8Cq.sass */
  #home-header {
    background-image: url("/bundles/mixxieweb/img/home-mano-grande.png");
    background-position: center;
    background-repeat: no-repeat;
  }
}
@media screen and (max-width: 640px) {
  /* line 370, assetic_compassnRe8Cq.sass */
  #home-header {
    background-image: url("/bundles/mixxieweb/img/home-mano-piccola.png");
    background-position-x: right;
    background-position-y: 24px;
    background-repeat: no-repeat;
  }
}
/*@media screen and (max-width: 640px)
 * #home-header
 *   padding: 0
 */
/* line 381, assetic_compassnRe8Cq.sass */
.home-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-top: 1rem;
  margin-left: 1rem;
}

/* line 389, assetic_compassnRe8Cq.sass */
.home-title h1 {
  margin-bottom: 0;
  color: black;
  font-weight: 400;
  font-size: 1.5rem;
  letter-spacing: 0.03rem;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

/* line 397, assetic_compassnRe8Cq.sass */
.home-title h2 {
  margin: 0;
  color: #343434;
  font-weight: 100;
  font-size: 2.5rem;
  line-height: 2.5rem;
  letter-spacing: 0.03rem;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

@media screen and (max-width: 740px) {
  /* line 407, assetic_compassnRe8Cq.sass */
  .home-title h2 {
    font-size: 2rem;
    line-height: 2rem;
  }
}
/* line 411, assetic_compassnRe8Cq.sass */
.home-small-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 46px;
  background-color: black;
}

/* line 419, assetic_compassnRe8Cq.sass */
.home-social {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-left: 1rem;
}

@media screen and (min-width: 641px) {
  /* line 426, assetic_compassnRe8Cq.sass */
  .home-social {
    margin-bottom: 1.4rem;
  }
}
@media screen and (max-width: 640px) {
  /* line 430, assetic_compassnRe8Cq.sass */
  .home-social {
    margin-bottom: 0.8rem;
  }
}
/* line 433, assetic_compassnRe8Cq.sass */
.home-button {
  padding: 1.3rem;
  -webkit-box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.8);
  -moz-box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.8);
  box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.8);
}

/* line 439, assetic_compassnRe8Cq.sass */
.home-button.register {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 4.1rem;
  margin-left: 1rem;
  background-color: #57a7ff;
}

/* line 447, assetic_compassnRe8Cq.sass */
.home-button.more {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 4.1rem;
  margin-right: 1rem;
  background-color: black;
}

/* line 455, assetic_compassnRe8Cq.sass */
.home-button.register:hover {
  background-color: #4586cc;
}

/* line 458, assetic_compassnRe8Cq.sass */
.home-button.more:hover {
  background-color: #333333;
}

@media screen and (max-width: 640px) {
  /* line 462, assetic_compassnRe8Cq.sass */
  .home-button.more {
    padding: 0.3rem;
    font-size: 0.9rem;
    margin-bottom: 0.6rem;
  }
}
/* line 467, assetic_compassnRe8Cq.sass */
.home-video {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -120px;
  margin-bottom: 130px;
}

/* line 474, assetic_compassnRe8Cq.sass */
#home-links {
  padding-top: 1.3rem;
}

/* line 477, assetic_compassnRe8Cq.sass */
#home-links p {
  margin: 0;
  text-align: right;
  font-size: 0.94rem;
  color: #989898;
}

@media screen and (max-width: 640px) {
  /* line 484, assetic_compassnRe8Cq.sass */
  #home-links p {
    text-align: center;
  }
}
/* line 487, assetic_compassnRe8Cq.sass */
#home-links p span {
  white-space: nowrap;
}

/* line 490, assetic_compassnRe8Cq.sass */
#home-links .text-black {
  color: black;
}

/* line 493, assetic_compassnRe8Cq.sass */
#home-links .text-underlined {
  text-decoration: underline;
}

/* line 496, assetic_compassnRe8Cq.sass */
#home-links p a {
  color: black;
}

/* line 499, assetic_compassnRe8Cq.sass */
#home-links p a:hover {
  color: #9937a8;
}

/* line 502, assetic_compassnRe8Cq.sass */
#home-list {
  padding-top: 1.3rem;
  background-color: white;
}

/* line 506, assetic_compassnRe8Cq.sass */
.home-preview {
  background-color: #f7f7f7;
  position: relative;
  margin-bottom: 1.88rem;
}

/* line 511, assetic_compassnRe8Cq.sass */
.home-preview-thumb {
  position: relative;
  background-color: inherit;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-position: center;
}

/* line 519, assetic_compassnRe8Cq.sass */
.home-preview-thumb .spacer {
  width: 100%;
  height: auto;
}

/* line 523, assetic_compassnRe8Cq.sass */
.home-preview-thumb-link {
  display: block;
  position: absolute;
  top: 2.8rem;
  bottom: 0;
  left: 0;
  right: 0;
}

/* line 531, assetic_compassnRe8Cq.sass */
.home-preview-thumb-link.with-cover {
  background-color: inherit;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-position: center;
}

/* line 538, assetic_compassnRe8Cq.sass */
.home-preview-user {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2.8rem;
  display: block;
  color: #343434;
  background-color: inherit;
}

/* line 548, assetic_compassnRe8Cq.sass */
.home-preview-user img {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
  margin-right: 0.2rem;
  margin-left: 0.4rem;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

/* line 559, assetic_compassnRe8Cq.sass */
.home-preview-user span {
  margin-left: 0.3rem;
  font-size: 0.8rem;
  font-weight: 500;
  color: #7a7a7a;
  line-height: 2.8rem;
  height: 2.8rem;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 2.7rem;
}

/* line 571, assetic_compassnRe8Cq.sass */
.home-preview-panel {
  position: relative;
  height: 8.4rem;
}

/* line 575, assetic_compassnRe8Cq.sass */
.home-preview-panel a {
  color: inherit;
}

/* line 578, assetic_compassnRe8Cq.sass */
.home-preview-panel a:hover {
  color: inherit;
  text-decoration: underline;
}

/* line 582, assetic_compassnRe8Cq.sass */
.home-preview-panel h1 {
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  padding-top: 0.2rem;
  margin: 0;
  width: 100%;
  height: 4.4rem;
  text-transform: uppercase;
  color: black;
  font-family: AlphaHeadline;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.4rem;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  text-overflow: ellipsis;
}

/* line 601, assetic_compassnRe8Cq.sass */
.home-preview-panel h1.alone {
  padding-top: 0.7rem;
  height: 4.9rem;
}

/* line 605, assetic_compassnRe8Cq.sass */
.home-preview-panel h2 {
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  padding-top: 0.7rem;
  margin: 0;
  width: 100%;
  height: 1.6rem;
  font-family: AlphaHeadline;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
  color: #343434;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  text-overflow: ellipsis;
}

/* line 624, assetic_compassnRe8Cq.sass */
.home-preview-panel-bottom {
  position: absolute;
  bottom: 0;
  color: #989898;
  font-size: 0.74rem;
  padding: 0.7rem;
}

/* line 631, assetic_compassnRe8Cq.sass */
.home-preview-panel-bottom-left {
  left: 0;
}

/* line 634, assetic_compassnRe8Cq.sass */
.home-preview-panel-bottom-right {
  right: 0;
}

/* line 637, assetic_compassnRe8Cq.sass */
.home-preview-dark {
  background-color: black;
}

/* line 640, assetic_compassnRe8Cq.sass */
.home-preview-dark h1 {
  color: white;
}

/* line 643, assetic_compassnRe8Cq.sass */
.home-preview-dark h2 {
  color: #989898;
}

/* line 646, assetic_compassnRe8Cq.sass */
.home-preview-profile-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
}

/* line 654, assetic_compassnRe8Cq.sass */
.home-preview-profile-image img {
  height: 100%;
  width: auto;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 0.4rem solid #989898;
}

/* line 662, assetic_compassnRe8Cq.sass */
.home-preview-project-pic {
  position: absolute;
  top: 0.3rem;
  left: 0.4rem;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

/* line 672, assetic_compassnRe8Cq.sass */
.home-preview-profile h1 {
  text-align: center;
  height: 3rem;
  overflow: hidden;
  -webkit-line-clamp: 2;
}

/* line 678, assetic_compassnRe8Cq.sass */
.home-preview-profile h2 {
  text-align: center;
}

/* line 681, assetic_compassnRe8Cq.sass */
.home-preview-profile .extra {
  text-align: center;
}

/* line 684, assetic_compassnRe8Cq.sass */
.home-preview-custom-mixxie {
  background-color: #4c4c4c;
}

/* line 687, assetic_compassnRe8Cq.sass */
.home-preview-custom-mixxie a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* line 694, assetic_compassnRe8Cq.sass */
.home-preview-custom-mixxie h1 {
  text-align: center;
  color: white;
}

/* line 698, assetic_compassnRe8Cq.sass */
.home-preview-custom-image {
  position: absolute;
  top: 0;
  width: 100%;
  height: auto;
}

/* line 704, assetic_compassnRe8Cq.sass */
.home-preview-custom-profile {
  background-color: black;
}

/* line 707, assetic_compassnRe8Cq.sass */
.home-preview-custom-profile .home-preview-user span {
  color: white;
}

/* line 710, assetic_compassnRe8Cq.sass */
.home-preview-custom-profile .home-preview-thumb .home-custom-comment-ask {
  color: #a8a8a8;
  font-size: 0.8rem;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 2.8rem;
  height: 2.8rem;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 1rem;
}

/* line 722, assetic_compassnRe8Cq.sass */
.home-preview-custom-profile .home-preview-thumb p {
  position: absolute;
  top: 3rem;
  left: 0;
  right: 0;
  padding: 1rem;
  padding-top: 0;
  color: white;
  font-size: 1.6rem;
  margin: 0;
  margin-top: -0.5rem;
  line-height: 1.2;
}

@media screen and (max-width: 1024px) {
  /* line 736, assetic_compassnRe8Cq.sass */
  .home-preview-custom-profile .home-preview-thumb p {
    font-size: 1.2rem;
  }
}
/* line 739, assetic_compassnRe8Cq.sass */
.home-preview-custom-profile .home-preview-thumb p .mixxie-link {
  color: white;
}

/* line 742, assetic_compassnRe8Cq.sass */
.home-preview-custom-profile .home-preview-thumb p .mixxie-link:hover {
  text-decoration: underline;
}

/* line 745, assetic_compassnRe8Cq.sass */
.home-preview-custom-profile .home-preview-thumb p .user {
  display: block;
  margin-top: 0.4rem;
  height: 2.8rem;
  overflow: hidden;
}

/* line 751, assetic_compassnRe8Cq.sass */
.home-preview-custom-profile .home-preview-thumb p .user img {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
  margin-right: 0.2rem;
  margin-left: 0;
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

/* line 762, assetic_compassnRe8Cq.sass */
.home-preview-custom-profile .home-preview-thumb p .user span {
  font-size: 0.8rem;
  font-weight: 500;
  text-transform: uppercase;
  color: white;
  line-height: 2.8rem;
  height: 2.8rem;
  overflow: hidden;
}

/* line 771, assetic_compassnRe8Cq.sass */
.home-preview-custom-profile .home-preview-panel p {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #7a7a7a;
  font-size: 0.9rem;
  font-weight: 500;
  padding: 1rem;
  line-height: 1;
  margin: 0;
  letter-spacing: 0.03rem;
}

/* Profile
 */
/* line 788, assetic_compassnRe8Cq.sass */
#profile-cover {
  background-repeat: no-repeat;
  background-color: #eeeeee;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-position: center;
}

/* line 801, assetic_compassnRe8Cq.sass */
#profile-cover h2 {
  line-height: 1.1;
  margin-top: -0.3rem;
  margin-bottom: 0.4rem;
  color: #fffefe;
  font-family: AlphaHeadline;
  font-weight: bold;
  text-transform: uppercase;
}

/* line 810, assetic_compassnRe8Cq.sass */
#profile-cover-top-spacer img {
  width: 100%;
}

/* line 819, assetic_compassnRe8Cq.sass */
#profile-cover-pic {
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem;
}

/* line 823, assetic_compassnRe8Cq.sass */
#profile-cover-pic-image {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1rem;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

/* line 836, assetic_compassnRe8Cq.sass */
#profile-cover-header {
  position: absolute;
  bottom: 0;
  right: 0;
}

/* line 841, assetic_compassnRe8Cq.sass */
#profile-cover-header #fooo {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem;
  padding: 1rem;
}

/* line 848, assetic_compassnRe8Cq.sass */
#profile-cover-header p {
  margin: 0px;
  color: #c3c3c3;
  letter-spacing: 0.03rem;
  font-size: 0.9rem;
  font-weight: 200;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  line-height: 1.2rem;
}

/* line 857, assetic_compassnRe8Cq.sass */
#profile-cover-header-small {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem;
  padding: 1rem;
}

/* line 864, assetic_compassnRe8Cq.sass */
#profile-cover-header-small p {
  margin: 0px;
  color: #c3c3c3;
  letter-spacing: 0.03rem;
  font-size: 0.9rem;
  font-weight: 200;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  line-height: 1.2rem;
}

/* line 873, assetic_compassnRe8Cq.sass */
#profile-cover p a {
  color: white;
}

/* line 876, assetic_compassnRe8Cq.sass */
#profile-cover p a:hover {
  text-decoration: underline;
}

/* line 879, assetic_compassnRe8Cq.sass */
#profile-midbar {
  background: #272727;
}

/* line 885, assetic_compassnRe8Cq.sass */
#profile-midbar .columns {
  padding: 0;
}

/* line 888, assetic_compassnRe8Cq.sass */
#profile-midbar .button {
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  margin: 0;
  background-color: #4c4c4c;
}

/* line 897, assetic_compassnRe8Cq.sass */
#profile-midbar .button:hover {
  color: #4c4c4c;
  background-color: #ededee;
}

/* line 901, assetic_compassnRe8Cq.sass */
#profile-midbar .button.selected {
  background-color: #9937a8;
}

/* line 904, assetic_compassnRe8Cq.sass */
#profile-midbar .button.selected:hover {
  color: #4c4c4c;
  background-color: #ededee;
}

/* line 908, assetic_compassnRe8Cq.sass */
#profile-midbar span {
  padding-left: 0.4rem;
  font-weight: bold;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

/* line 913, assetic_compassnRe8Cq.sass */
#profile-midbar #follow-button {
  background-color: #39b58e;
}

/* line 916, assetic_compassnRe8Cq.sass */
#profile-midbar #follow-button:hover {
  color: #4c4c4c;
  background-color: #39b58e;
}

/* line 920, assetic_compassnRe8Cq.sass */
#profile-mixxie-list {
  padding-top: 1rem;
  background-color: white;
}

/* line 924, assetic_compassnRe8Cq.sass */
#profile-collections-list {
  background-color: white;
}

/* line 927, assetic_compassnRe8Cq.sass */
#feed-mixxie-list {
  background-color: white;
}

/* line 930, assetic_compassnRe8Cq.sass */
#activities-mixxie-list {
  background-color: white;
}

/* line 933, assetic_compassnRe8Cq.sass */
#list-header {
  color: #4c4c4c;
  padding: 1rem;
  margin: 0;
}

/* line 938, assetic_compassnRe8Cq.sass */
.preview {
  background-color: #f7f7f7;
  position: relative;
  z-index: 1;
  margin-bottom: 0.9375rem;
}

/* line 944, assetic_compassnRe8Cq.sass */
.draft .preview-thumb span {
  color: white;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  margin-bottom: 2rem;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  background-color: rgba(0, 0, 0, 0.85);
  font-size: 0.8rem;
}

/* line 957, assetic_compassnRe8Cq.sass */
.preview form {
  margin: 0;
}

/* line 960, assetic_compassnRe8Cq.sass */
.preview-author {
  height: 2.8rem;
  display: block;
  color: #343434;
}

/* line 965, assetic_compassnRe8Cq.sass */
.preview-author.activity-author {
  background-image: url("/bundles/mixxieweb/img/gradient_gray_200x1.png");
  background-repeat: repeat-y;
  background-size: contain;
}

/* line 970, assetic_compassnRe8Cq.sass */
.preview-author img {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
  margin-right: 0.2rem;
  margin-left: 0.4rem;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

/* line 981, assetic_compassnRe8Cq.sass */
.preview-author span {
  margin-left: 0.3rem;
  font-size: 0.8rem;
  line-height: 2.8rem;
  height: 2.8rem;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 2.7rem;
  text-transform: uppercase;
}

/* line 992, assetic_compassnRe8Cq.sass */
.preview-author span.first-line {
  margin-left: 0.3rem;
  font-size: 0.7rem;
  line-height: 1.4rem;
  height: 1.4rem;
  overflow: hidden;
  position: absolute;
  top: 0.4rem;
  left: 2.7rem;
  right: 2.7rem;
}

/* line 1003, assetic_compassnRe8Cq.sass */
.preview-author span.second-line {
  margin-left: 0.3rem;
  font-size: 0.7rem;
  line-height: 1.4rem;
  height: 1.4rem;
  overflow: hidden;
  position: absolute;
  top: 1.2rem;
  left: 2.7rem;
  right: 2.7rem;
}

/* line 1014, assetic_compassnRe8Cq.sass */
.preview-author i.activity-icon {
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  font-size: 1.3rem;
  color: white;
  line-height: 2.8rem;
  height: 2.8rem;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
}

/* line 1026, assetic_compassnRe8Cq.sass */
.preview-collector-author {
  height: 2.8rem;
  display: block;
  color: #343434;
}

/* line 1031, assetic_compassnRe8Cq.sass */
.preview-collector-author img.collection-owner {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
  margin-right: 0.2rem;
  margin-left: 0.4rem;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 1045, assetic_compassnRe8Cq.sass */
.preview-collector-author img.mixxie-author {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
  margin-right: 0.2rem;
  margin-left: 0.4rem;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  position: absolute;
  top: 0;
  left: 1.6rem;
}

/* line 1059, assetic_compassnRe8Cq.sass */
.preview-collector-author span.collection-owner {
  margin-left: 0.3rem;
  margin-top: 0.3rem;
  font-size: 0.8rem;
  line-height: 1.4rem;
  height: 1.4rem;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 4.2rem;
}

/* line 1070, assetic_compassnRe8Cq.sass */
.preview-collector-author span.mixxie-author {
  margin-left: 0.3rem;
  font-size: 0.8rem;
  line-height: 1rem;
  height: 1rem;
  overflow: hidden;
  position: absolute;
  top: 1.4rem;
  left: 4.2rem;
}

/* line 1080, assetic_compassnRe8Cq.sass */
.preview-open {
  cursor: pointer;
}

/* line 1083, assetic_compassnRe8Cq.sass */
.preview-thumb {
  position: relative;
  background: no-repeat top center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-position: center;
}

/* line 1091, assetic_compassnRe8Cq.sass */
.preview-thumb .opener {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* line 1098, assetic_compassnRe8Cq.sass */
.preview-thumb img {
  width: 100%;
}

/* line 1101, assetic_compassnRe8Cq.sass */
.preview-thumb #new-mixxie {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 4rem;
  width: 4rem;
  margin-top: -2rem;
  margin-left: -2rem;
  line-height: 4rem;
  text-align: center;
  font-size: 4rem;
}

/* line 1113, assetic_compassnRe8Cq.sass */
.preview-panel {
  height: 9rem;
}

/* line 1116, assetic_compassnRe8Cq.sass */
.preview-panel h3 {
  margin: 0;
  padding-top: 0.7rem;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  width: 100%;
  height: 1.7rem;
  font-family: AlphaHeadline;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1rem;
  text-transform: uppercase;
  color: #5e5f6c;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  text-overflow: ellipsis;
}

/* line 1136, assetic_compassnRe8Cq.sass */
.preview-panel h2 {
  margin: 0;
  width: 100%;
  height: 6.3rem;
  padding-top: 0.7rem;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  text-transform: uppercase;
  font-family: AlphaHeadline;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.4rem;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  text-overflow: ellipsis;
}

/* line 1154, assetic_compassnRe8Cq.sass */
.preview-panel h2 a {
  color: #343434;
}

/* line 1157, assetic_compassnRe8Cq.sass */
.preview-panel h2.create-new {
  margin: 0;
  padding-top: 0.7rem;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  width: 100%;
  height: 6rem;
  text-transform: uppercase;
  font-family: AlphaHeadline;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.4rem;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  text-overflow: ellipsis;
}

/* line 1175, assetic_compassnRe8Cq.sass */
.preview-panel h2 a:hover {
  text-decoration: underline;
}

/* line 1178, assetic_compassnRe8Cq.sass */
.preview-panel h2.undered {
  padding-top: 0.2rem;
  height: 5.7rem;
}

/* line 1182, assetic_compassnRe8Cq.sass */
.preview-panel h6 {
  position: absolute;
  bottom: 0;
  margin: 0;
  padding-left: 0.7rem;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  font-size: 0.8rem;
  font-weight: 400;
  color: #c3c3c3;
}

/* line 1193, assetic_compassnRe8Cq.sass */
.preview-panel .preview-likes {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  padding-right: 0.7rem;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  font-size: 0.8rem;
  font-weight: 400;
  color: #c3c3c3;
}

/* line 1205, assetic_compassnRe8Cq.sass */
.preview-panel .preview-likes i {
  padding-bottom: 0.2rem;
}

/* line 1208, assetic_compassnRe8Cq.sass */
.collections-list .preview-panel {
  height: 9.7rem;
}

/* line 1211, assetic_compassnRe8Cq.sass */
.collections-list .preview-panel h2 {
  height: 3.5rem;
  -webkit-line-clamp: 2;
}

/* line 1216, assetic_compassnRe8Cq.sass */
.preview-panel p {
  margin: 0;
  margin-top: 0.2rem;
  margin-bottom: 0.1rem;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  width: 100%;
  height: 4.3rem;
  font-size: 1rem;
  line-height: 1.1rem;
  letter-spacing: 0.01rem;
  color: #5e5f6c;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  text-overflow: ellipsis;
}

/* line 1235, assetic_compassnRe8Cq.sass */
.preview-thumb h3 {
  width: 100%;
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.65);
  color: white;
  font-family: AlphaHeadline;
  text-transform: uppercase;
  padding-left: 0.24rem;
  padding-right: 0.24rem;
  padding-top: 0.24rem;
  padding-bottom: 0.24rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/* line 1251, assetic_compassnRe8Cq.sass */
.preview-thumb h4 {
  width: 100%;
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.65);
  color: white;
  text-align: center;
  font-family: AlphaHeadline;
  font-size: 0.92rem;
  padding-left: 0.24rem;
  padding-right: 0.24rem;
  padding-top: 0.24rem;
  padding-bottom: 0.24rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/* line 1267, assetic_compassnRe8Cq.sass */
.preview .preview-thumb .preview-actions {
  font-size: 5mm;
  display: none;
  background-color: rgba(153, 55, 168, 0.7);
  color: black;
}

/* line 1273, assetic_compassnRe8Cq.sass */
.preview .preview-thumb .preview-actions a {
  color: white;
  display: block;
  text-align: center;
  font-size: 1.2rem;
  line-height: 2.6rem;
  width: 2.6rem;
  height: 2.6rem;
}

/* line 1285, assetic_compassnRe8Cq.sass */
.preview .preview-thumb .preview-actions-crud {
  position: absolute;
  top: 0;
  right: 0;
}

/* line 1290, assetic_compassnRe8Cq.sass */
.preview .preview-thumb .preview-actions-left {
  position: absolute;
  top: 0;
  left: 0;
}

/* line 1295, assetic_compassnRe8Cq.sass */
.preview:hover .preview-thumb .preview-actions {
  display: block;
}

/*
 * Preview small (new, base for both mixxies and collections)
 */
/* line 1304, assetic_compassnRe8Cq.sass */
.preview-small-thumb {
  float: left;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-position: center;
  padding: 0;
}

/* line 1313, assetic_compassnRe8Cq.sass */
.preview-small-thumb a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* line 1320, assetic_compassnRe8Cq.sass */
.preview-small-thumb img {
  height: auto;
  width: 100%;
}

/* line 1324, assetic_compassnRe8Cq.sass */
.preview-small-triangle {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.8rem;
  width: 0;
  height: 0;
  border-top: 0.8rem solid transparent;
  border-bottom: 0.8rem solid transparent;
  border-right: 1rem solid #f7f7f7;
}

/* line 1335, assetic_compassnRe8Cq.sass */
.preview-small-rightside {
  position: relative;
  padding: 0;
  background-color: #f7f7f7;
}

/* line 1340, assetic_compassnRe8Cq.sass */
.selected-mixxie .preview-small-triangle {
  border-right: 1rem solid #b8b8b8;
}

/* line 1343, assetic_compassnRe8Cq.sass */
.selected-mixxie .preview-small-rightside {
  background-color: #b8b8b8;
}

/* line 1346, assetic_compassnRe8Cq.sass */
.preview-small-rightside img {
  height: auto;
  width: 100%;
}

/* line 1350, assetic_compassnRe8Cq.sass */
.preview-small-rightside h6.onleft {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  padding-left: 0.4rem;
  padding-bottom: 0.4rem;
  font-size: 0.8rem;
  font-weight: 400;
  color: #c3c3c3;
}

/* line 1361, assetic_compassnRe8Cq.sass */
.preview-small-rightside h6.onright {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  padding-right: 0.4rem;
  padding-bottom: 0.4rem;
  font-size: 0.8rem;
  font-weight: 400;
  color: #c3c3c3;
}

/* line 1372, assetic_compassnRe8Cq.sass */
.preview-small-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-top: 3rem;
  height: 5.1rem;
}

/* line 1380, assetic_compassnRe8Cq.sass */
.preview-small-title h2 {
  margin: 0;
}

/* line 1383, assetic_compassnRe8Cq.sass */
.preview-small-title h2 a {
  color: #343434;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding-left: 0.4375rem;
  padding-right: 0.4375rem;
  padding-top: 0.2rem;
  width: 100%;
  height: 3.4rem;
  text-transform: uppercase;
  font-family: AlphaHeadline;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.1rem;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  text-overflow: ellipsis;
}

/* line 1405, assetic_compassnRe8Cq.sass */
.preview-small-title h2 a:hover {
  text-decoration: underline;
}

/* line 1408, assetic_compassnRe8Cq.sass */
.preview-small-author {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2.8rem;
  display: block;
  color: #343434;
}

/* line 1417, assetic_compassnRe8Cq.sass */
.preview-small-author img {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
  margin-right: 0.2rem;
  margin-left: 0.4rem;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

/* line 1428, assetic_compassnRe8Cq.sass */
.preview-small-author span {
  margin-left: 0.3rem;
  font-size: 0.8rem;
  line-height: 2.8rem;
  height: 2.8rem;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 2.7rem;
}

/*
 * Correction for lists that use new preview small
 */
@media screen and (max-width: 640px) {
  /* line 1443, assetic_compassnRe8Cq.sass */
  .preview-smallable-list .preview-container {
    padding-left: 0;
    padding-right: 0;
  }
}
/*
 * Title for this kind of lists
 */
/* line 1451, assetic_compassnRe8Cq.sass */
.list-title {
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding-left: 1rem;
}

@media screen and (max-width: 640px) {
  /* line 1457, assetic_compassnRe8Cq.sass */
  .list-title {
    margin-top: 1rem;
    line-height: 1;
  }
}
/*
 * Preview collection small (old, pre preview small)
 */
/* line 1467, assetic_compassnRe8Cq.sass */
.small-collection-preview-thumb {
  float: left;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-position: center;
  padding: 0;
}

/* line 1476, assetic_compassnRe8Cq.sass */
.small-collection-preview-thumb a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* line 1483, assetic_compassnRe8Cq.sass */
.small-collection-preview-thumb img {
  height: auto;
  width: 100%;
}

/* line 1487, assetic_compassnRe8Cq.sass */
.small-collection-preview-triangle {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.8rem;
  width: 0;
  height: 0;
  border-top: 0.8rem solid transparent;
  border-bottom: 0.8rem solid transparent;
  border-right: 1rem solid #f7f7f7;
}

/* line 1498, assetic_compassnRe8Cq.sass */
.small-collection-preview-rightside {
  padding: 0;
}

/* line 1501, assetic_compassnRe8Cq.sass */
.small-collection-preview-rightside img {
  height: auto;
  width: 100%;
}

/* line 1505, assetic_compassnRe8Cq.sass */
.small-collection-preview-rightside h6 {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  padding-left: 0.7rem;
  padding-bottom: 0.4rem;
  font-size: 0.8rem;
  font-weight: 400;
  color: #c3c3c3;
}

/* line 1516, assetic_compassnRe8Cq.sass */
.small-collection-preview-rightside .collection-issecret {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  padding-right: 0.7rem;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  font-size: 0.8rem;
  font-weight: 400;
  color: #c3c3c3;
}

/* line 1528, assetic_compassnRe8Cq.sass */
.small-collection-preview-info {
  position: absolute;
  top: 50%;
  left: 0;
  float: left;
  width: 100%;
  padding-left: 0.4375rem;
  padding-right: 0.4375rem;
  margin-top: -4.7rem;
}

/* line 1538, assetic_compassnRe8Cq.sass */
.small-collection-preview-info .collection-title-container {
  position: relative;
  width: 100%;
  height: 5.1rem;
}

/* line 1543, assetic_compassnRe8Cq.sass */
.small-collection-preview-info .collection-title-container h2 {
  margin: 0;
}

/* line 1546, assetic_compassnRe8Cq.sass */
.small-collection-preview-info .collection-title-container h2 a {
  color: #343434;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  padding-top: 0.7rem;
  width: 100%;
  text-transform: uppercase;
  font-family: AlphaHeadline;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.4rem;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  text-overflow: ellipsis;
}

/* line 1565, assetic_compassnRe8Cq.sass */
.small-collection-preview-info .collection-title-container h2 a:hover {
  text-decoration: underline;
}

/* line 1568, assetic_compassnRe8Cq.sass */
.small-collection-preview-info p {
  margin: 0;
  margin-top: 0.2rem;
  margin-bottom: 0.1rem;
  width: 100%;
  height: 2.2rem;
  font-size: 1rem;
  line-height: 1.1rem;
  letter-spacing: 0.02rem;
  color: #9f9f9f;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  text-overflow: ellipsis;
}

@media screen and (max-width: 640px) {
  /* line 1585, assetic_compassnRe8Cq.sass */
  #profile-collections-list .preview-container {
    padding-left: 0;
    padding-right: 0;
  }
}
/*
 * Profile - Authors
 */
/* line 1593, assetic_compassnRe8Cq.sass */
.preview-user {
  position: relative;
  z-index: 1;
  margin-bottom: 0.9375rem;
}

/* line 1598, assetic_compassnRe8Cq.sass */
.preview-user:hover b {
  text-decoration: underline;
}

/* line 1601, assetic_compassnRe8Cq.sass */
.preview-user-pic {
  position: relative;
}

/* line 1604, assetic_compassnRe8Cq.sass */
.preview-user-pic .preview-user-pic-spacer {
  width: 100%;
  height: auto;
}

/* line 1608, assetic_compassnRe8Cq.sass */
.preview-user-pic .preview-user-pic-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0.4rem solid #dedede;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

/* line 1619, assetic_compassnRe8Cq.sass */
.preview-user-name {
  padding-top: 0.8rem;
  text-align: center;
  height: 3.2rem;
}

/* line 1624, assetic_compassnRe8Cq.sass */
.preview-user-name b {
  color: black;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.2rem;
  max-height: 2.4rem;
}

/* line 1634, assetic_compassnRe8Cq.sass */
.preview-user-name span {
  color: black;
  font-size: 0.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1rem;
  height: 1rem;
}

/*
 * InBox
 */
/* line 1649, assetic_compassnRe8Cq.sass */
#inbox-mixxie-list {
  background-color: white;
}

/* line 1652, assetic_compassnRe8Cq.sass */
.mixxie-message {
  background-color: #e5e5e5;
  margin-bottom: 1rem;
}

/* line 1656, assetic_compassnRe8Cq.sass */
.mixxie-message .preview {
  margin: 0;
  -webkit-box-shadow: 0 0.3rem 0.6rem -0.4rem black;
  -moz-box-shadow: 0 0.3rem 0.6rem -0.4rem black;
  box-shadow: 0 0.3rem 0.6rem -0.4rem black;
}

/* line 1662, assetic_compassnRe8Cq.sass */
.preview-sender {
  position: relative;
  height: 3rem;
  display: block;
  color: #343434;
}

/* line 1668, assetic_compassnRe8Cq.sass */
.preview-sender img {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
  margin-right: 0.2rem;
  margin-left: 0.4rem;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 1682, assetic_compassnRe8Cq.sass */
.preview-sender span.message-top {
  margin-left: 0.3rem;
  margin-top: 0.4rem;
  font-size: 0.8rem;
  line-height: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 3rem;
}

/* line 1693, assetic_compassnRe8Cq.sass */
.preview-sender span.message-date {
  margin-right: 0.3rem;
  margin-top: 0.4rem;
  font-size: 0.8rem;
  line-height: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0.4rem;
}

/* line 1704, assetic_compassnRe8Cq.sass */
.preview-sender span.sender-name {
  margin-left: 0.3rem;
  font-size: 0.8rem;
  line-height: 1rem;
  height: 1rem;
  overflow: hidden;
  position: absolute;
  top: 1.6rem;
  left: 3rem;
}

/* line 1714, assetic_compassnRe8Cq.sass */
.unread-mark {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  margin-right: 0.9375rem;
  border-top: 1.2rem solid red;
  border-left: 1.2rem solid transparent;
  z-index: 1;
}

/*
 * Mixxie
 */
/* line 1729, assetic_compassnRe8Cq.sass */
.go-to {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* line 1737, assetic_compassnRe8Cq.sass */
#mixxie-container {
  background-color: #ededee;
  position: relative;
}

/* line 1741, assetic_compassnRe8Cq.sass */
.box .busy-spin {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1rem;
  margin-left: -0.8rem;
}

/* line 1748, assetic_compassnRe8Cq.sass */
.box-spacer {
  width: 100%;
}

/* line 1752, assetic_compassnRe8Cq.sass */
.unit {
  line-height: normal;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

/* line 1760, assetic_compassnRe8Cq.sass */
.unit .blocker {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* line 1767, assetic_compassnRe8Cq.sass */
.unittop {
  z-index: 2;
}

/* line 1770, assetic_compassnRe8Cq.sass */
.unit:hover {
  z-index: 90;
}

/* line 1773, assetic_compassnRe8Cq.sass */
.unit-text {
  background-color: #ededee;
  padding: 12px;
}

/* line 1777, assetic_compassnRe8Cq.sass */
.unit-text p {
  color: #343434;
  text-align: left;
  line-height: 1.15em;
  font-family: AlphaHeadline;
  padding: 0px;
  margin: 0px;
  font-weight: normal;
}

/* line 1787, assetic_compassnRe8Cq.sass */
.unit-text p.clamp {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

/* line 1792, assetic_compassnRe8Cq.sass */
.unit-text p.clamp:after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ededee 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  bottom: 0;
  text-align: right;
  content: "...";
  font-weight: bold;
  padding: 12px 12px 0 0;
  position: absolute;
  right: 0;
  left: 0;
  height: 36px;
}

/* line 1804, assetic_compassnRe8Cq.sass */
.unit-title {
  background-color: #ededee;
  text-align: left;
}

/* line 1810, assetic_compassnRe8Cq.sass */
.unit-title #headline {
  margin-left: 12px;
  margin-right: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}

/* line 1818, assetic_compassnRe8Cq.sass */
.unit-title #headline h1 {
  line-height: 1em;
  font-family: AlphaHeadline;
  font-weight: bold;
  color: #343434;
  text-transform: uppercase;
  word-wrap: normal;
}

/* line 1826, assetic_compassnRe8Cq.sass */
.unit-title #headline h5 {
  font-size: 0.8rem;
  color: #343434;
}

/* line 1830, assetic_compassnRe8Cq.sass */
.unit-video {
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* line 1838, assetic_compassnRe8Cq.sass */
.unit-image {
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* line 1846, assetic_compassnRe8Cq.sass */
.unit-image .dida-father {
  width: 100%;
  padding-right: 12px;
  margin-bottom: 6px;
  position: absolute;
  bottom: 0;
}

/* line 1853, assetic_compassnRe8Cq.sass */
.unit-image .dida-son {
  width: 100%;
  margin-left: 6px;
  text-align: left;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 4px;
}

@media screen and (max-width: 640px) {
  /* line 1861, assetic_compassnRe8Cq.sass */
  .unit-image .dida-son {
    padding: 0;
  }
}
/* line 1864, assetic_compassnRe8Cq.sass */
.unit-image span {
  line-height: 1.4rem;
  letter-spacing: 0.01rem;
  color: white;
  font-family: AlphaHeadline;
}

@media screen and (max-width: 640px) {
  /* line 1871, assetic_compassnRe8Cq.sass */
  .unit-image span {
    font-size: 0.8rem;
  }
}
/* line 1874, assetic_compassnRe8Cq.sass */
.unit-image .ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  height: 1.4rem;
}

/* line 1883, assetic_compassnRe8Cq.sass */
.unit-image .ellipsis.hover {
  -webkit-line-clamp: inherit;
  max-height: none;
  height: inherit;
}

/* line 1889, assetic_compassnRe8Cq.sass */
.unit-author #unit-author-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -5%;
  height: 10%;
  width: auto;
}

/* line 1897, assetic_compassnRe8Cq.sass */
.unit-author #unit-author-triangle {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -1rem;
  height: 2rem;
  width: auto;
  border-top: 1.2rem solid transparent;
  border-bottom: 1.2rem solid transparent;
  border-right: 1.4rem solid #ededee;
}

@media screen and (max-width: 640px) {
  /* line 1909, assetic_compassnRe8Cq.sass */
  .unit-author #unit-author-triangle {
    margin-top: -0.7rem;
    height: 1.4rem;
    border-top: 0.7rem solid transparent;
    border-bottom: 0.7rem solid transparent;
    border-right: 0.9rem solid #ededee;
  }
}
/* line 1916, assetic_compassnRe8Cq.sass */
.unit-author #unit-author-brand {
  position: absolute;
  top: 0.4rem;
  left: 0.4rem;
  height: 2.4rem;
  width: 2.4rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

/* line 1926, assetic_compassnRe8Cq.sass */
.unit-author .dida-son {
  text-align: center;
}

/* line 1929, assetic_compassnRe8Cq.sass */
.unit-author #author-name {
  line-height: 1.1rem;
  font-size: 0.7rem;
  display: block;
  height: 1rem;
  overflow: hidden;
}

/* line 1936, assetic_compassnRe8Cq.sass */
.unit-mixxie-link {
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* line 1943, assetic_compassnRe8Cq.sass */
.unit-mixxie-link .dida-back {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: left;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 8px;
}

@media screen and (max-width: 640px) {
  /* line 1952, assetic_compassnRe8Cq.sass */
  .unit-mixxie-link .dida-back {
    padding: 4px;
  }
}
/* line 1955, assetic_compassnRe8Cq.sass */
.unit-mixxie-link span {
  line-height: 1.1rem;
  letter-spacing: 0.01rem;
  color: white;
  font-family: AlphaHeadline;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  max-height: 4.4rem;
}

@media screen and (max-width: 640px) {
  /* line 1969, assetic_compassnRe8Cq.sass */
  .unit-mixxie-link span {
    font-size: 0.6rem;
    line-height: 0.75rem;
  }
}
/* line 1973, assetic_compassnRe8Cq.sass */
.unit-mixxie-link .box-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  width: auto;
  height: 20%;
}

/* line 1980, assetic_compassnRe8Cq.sass */
.unit-action-zoom {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* line 1988, assetic_compassnRe8Cq.sass */
.zoom-modal {
  padding: 0;
  background: transparent;
  border: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 1995, assetic_compassnRe8Cq.sass */
.zoom-content {
  background-color: white;
  padding: 2.4rem;
  margin: 0 auto;
  position: relative;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

/* line 2003, assetic_compassnRe8Cq.sass */
.zoom-content p {
  margin: 0;
  font-size: 1.4rem;
  color: #343434;
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  letter-spacing: 0.03rem;
}

/* line 2010, assetic_compassnRe8Cq.sass */
.fancybox-skin {
  background-color: black !important;
}

/* line 2013, assetic_compassnRe8Cq.sass */
.fancybox-title {
  background-color: black;
  color: white;
  padding-left: 6px;
  padding-right: 6px;
  letter-spacing: 0.03rem;
}

@media screen and (max-width: 640px) {
  /* line 2021, assetic_compassnRe8Cq.sass */
  .fancybox-title {
    height: 0px !important;
  }
}
/* line 2024, assetic_compassnRe8Cq.sass */
.fancybox-title-autoheight {
  height: auto !important;
}

/* line 2027, assetic_compassnRe8Cq.sass */
.navigator-arrow {
  position: absolute;
  top: 0;
  width: 3.4rem;
  height: 100%;
  font-size: 3rem;
  padding-top: 66%;
}

/* line 2035, assetic_compassnRe8Cq.sass */
.navigator-arrow:hover {
  background-color: #d0ebf2;
  color: black;
}

/* line 2039, assetic_compassnRe8Cq.sass */
.navigator-arrow-left {
  left: -3.4rem;
  padding-left: 0.8rem;
}

/* line 2043, assetic_compassnRe8Cq.sass */
.navigator-arrow-right {
  right: -3.4rem;
  padding-right: 0.8rem;
  text-align: right;
}

/* line 2048, assetic_compassnRe8Cq.sass */
.desktop-navigator {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 3.2rem;
  z-index: 98;
  font-size: 1.8rem;
  background-color: white;
  color: white;
}

/* line 2059, assetic_compassnRe8Cq.sass */
.desktop-navigator:hover {
  background-color: #acacac;
  color: #9937a8;
}

/* line 2063, assetic_compassnRe8Cq.sass */
.desktop-navigator img {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -1.6rem;
}

/* line 2069, assetic_compassnRe8Cq.sass */
.desktop-navigator.arrow-right {
  right: 0;
  margin-right: -3.1rem;
  padding-left: 0.8rem;
}

/* line 2074, assetic_compassnRe8Cq.sass */
.desktop-navigator.arrow-left {
  left: 0;
  margin-left: -3.2rem;
  padding-left: 1rem;
}

/* line 2079, assetic_compassnRe8Cq.sass */
.mobile-navigator {
  display: block;
  position: absolute;
  top: 50%;
  z-index: 98;
  font-size: 1.3rem;
  margin-top: -2.5rem;
  padding-top: 1.4rem;
  background-color: rgba(153, 55, 168, 0.6);
  color: white;
}

/* line 2090, assetic_compassnRe8Cq.sass */
.mobile-navigator.arrow-left {
  left: 0;
  height: 4rem;
  width: 2rem;
  padding-left: 0.3rem;
  border-radius: 0 4rem 4rem 0;
  -moz-border-radius: 0 4rem 4rem 0;
  -webkit-border-radius: 0 4rem 4rem 0;
}

/* line 2099, assetic_compassnRe8Cq.sass */
.mobile-navigator.arrow-right {
  right: 0;
  height: 4rem;
  width: 2rem;
  padding-left: 0.8rem;
  border-radius: 4rem 0 0 4rem;
  -moz-border-radius: 4rem 0 0 4rem;
  -webkit-border-radius: 4rem 0 0 4rem;
}

/* line 2108, assetic_compassnRe8Cq.sass */
.mixxie-show-sidebar-container {
  padding: 0.8rem;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 17.3rem;
  overflow: hidden;
}

/* line 2116, assetic_compassnRe8Cq.sass */
.mixxie-show-sidebar-head {
  width: 17.5rem;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

/* line 2121, assetic_compassnRe8Cq.sass */
.mixxie-show-sidebar-foot {
  width: 17.5rem;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

/* line 2126, assetic_compassnRe8Cq.sass */
.mixxie-show-sidebar-content {
  width: 16.3rem;
  overflow-y: scroll;
  height: 100%;
  padding-right: 15px;
  position: relative;
}

/* line 2133, assetic_compassnRe8Cq.sass */
.list-shadow {
  width: 17.5rem;
}

/* line 2136, assetic_compassnRe8Cq.sass */
.list-shadow-top {
  height: 2px;
  background-image: url("/bundles/mixxieweb/img/list-shadow-top.png");
  background-repeat: repeat-x;
}

/* line 2142, assetic_compassnRe8Cq.sass */
.list-shadow-bottom {
  height: 3px;
  background-image: url("/bundles/mixxieweb/img/list-shadow-bottom.png");
  background-repeat: repeat-x;
}

/* line 2148, assetic_compassnRe8Cq.sass */
#mixxie-show-left-bar {
  margin-left: -19.2rem;
  width: 16.3rem;
  left: 0;
  padding-top: 0;
}

/* line 2154, assetic_compassnRe8Cq.sass */
#mixxie-show-right-bar {
  padding-top: 0;
  margin-right: -20.6rem;
  margin-bottom: 1rem;
  right: 0;
}

/* line 2160, assetic_compassnRe8Cq.sass */
#mixxie-show-right-bar .mixxie-show-sidebar-content {
  width: 17.5rem;
}

/* line 2163, assetic_compassnRe8Cq.sass */
#mixxie-show-left-bar .mixxie-show-sidebar-content {
  padding-right: 30px;
}

/* line 2166, assetic_compassnRe8Cq.sass */
.mixxie-show-sidebar-head .title {
  font-size: 1.3rem;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.3rem;
  font-weight: bold;
}

/* line 2173, assetic_compassnRe8Cq.sass */
.mixxie-show-sidebar-head p {
  margin-top: 0.6rem;
  margin-bottom: 0;
  color: gray;
  line-height: 1rem;
  letter-spacing: 0.03rem;
  font-size: 0.8rem;
  padding-right: 1rem;
}

/* line 2182, assetic_compassnRe8Cq.sass */
.mixxie-show-sidebar-foot p {
  margin: 0;
  text-align: center;
  color: gray;
  line-height: 1rem;
  letter-spacing: 0.03rem;
  font-size: 0.8rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 2192, assetic_compassnRe8Cq.sass */
#mixxie-show-right-bar .preview-small-author {
  height: 2rem;
}

/* line 2195, assetic_compassnRe8Cq.sass */
#mixxie-show-right-bar .preview-small-author span {
  font-size: 0.7rem;
  margin-left: 0;
  line-height: 2rem;
  height: 2rem;
  left: 0.4rem;
  color: #909090;
}

/* line 2203, assetic_compassnRe8Cq.sass */
#mixxie-show-right-bar .preview-small-title {
  margin-top: 2rem;
  height: 4rem;
}

/* line 2207, assetic_compassnRe8Cq.sass */
#mixxie-show-right-bar .preview-small-title h2 a {
  padding-top: 0;
  font-size: 0.9rem;
  line-height: 1rem;
  height: 4rem;
  -webkit-line-clamp: 4;
}

/* line 2214, assetic_compassnRe8Cq.sass */
#mixxie-show-right-bar .preview-small-rightside h6.onleft {
  font-size: 0.5rem;
  line-height: 0.4rem;
}

/* line 2218, assetic_compassnRe8Cq.sass */
#mixxie-show-right-bar .preview-small-rightside h6.onright {
  font-size: 0.5rem;
  line-height: 0.4rem;
}

/* line 2222, assetic_compassnRe8Cq.sass */
#mixxie-show-right-bar .recommended-img {
  width: 3.4rem;
  height: 3.4rem;
  border: 0.14rem solid #dedede;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

/* line 2230, assetic_compassnRe8Cq.sass */
#mixxie-show-right-bar .recommended-name {
  margin-top: 0.7rem;
  width: 100%;
  color: black;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 1.1rem;
  max-height: 1.1rem;
  text-transform: uppercase;
}

/* line 2243, assetic_compassnRe8Cq.sass */
#mixxie-show-right-bar .recommended-undername {
  font-size: 0.8rem;
}

/* line 2246, assetic_compassnRe8Cq.sass */
#mixxie-show-left-bar hr {
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}

/* line 2250, assetic_compassnRe8Cq.sass */
#mixxie-show-left-bar .list-link {
  display: block;
  font-size: 1.3rem;
  font-weight: 400;
  color: black;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  padding-right: 0.3rem;
  text-transform: uppercase;
}

/* line 2260, assetic_compassnRe8Cq.sass */
#mixxie-show-left-bar .list-link:hover {
  color: white;
  background-color: #9937a8;
  padding-left: 0.3rem;
}

/* line 2265, assetic_compassnRe8Cq.sass */
.mixxie-show-sidebar-content .small-link {
  display: block;
  font-size: 0.8rem;
  font-weight: 400;
  color: black;
  padding-top: 0.8rem;
  padding-bottom: 0.3rem;
  text-decoration: underline;
}

/* line 2274, assetic_compassnRe8Cq.sass */
.mixxie-show-sidebar-content .small-link:hover {
  color: #9937a8;
}

/* line 2277, assetic_compassnRe8Cq.sass */
#featured-profile-img {
  height: 4rem;
  width: 4rem;
  border: 0.12rem solid #dedede;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

/* line 2285, assetic_compassnRe8Cq.sass */
#featured-profile-cover {
  width: 100%;
  height: 10rem;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 2294, assetic_compassnRe8Cq.sass */
#featured-profile-name {
  line-height: 1.4rem;
  margin: 0rem;
  margin-top: 0.3rem;
  padding: 0;
  overflow: hidden;
  color: #585858;
  font-family: AlphaHeadline;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

/* line 2306, assetic_compassnRe8Cq.sass */
#featured-profile-bio {
  margin-top: 0.6rem;
  margin-bottom: 1.6rem;
  color: gray;
  line-height: 1rem;
  letter-spacing: 0.03rem;
  font-size: 0.8rem;
}

/* line 2314, assetic_compassnRe8Cq.sass */
#below-background {
  background-image: url("/bundles/mixxieweb/img/mixxie-bottom-background.png");
  background-repeat: repeat-x;
}

/* line 2318, assetic_compassnRe8Cq.sass */
#below-button-bar {
  padding-top: 0.6rem;
  padding-bottom: 0.3rem;
}

/* line 2322, assetic_compassnRe8Cq.sass */
#below-button-bar .std-button {
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0.1rem;
  width: 100%;
}

/* line 2329, assetic_compassnRe8Cq.sass */
#below-button-bar #like-button {
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0.1rem;
  padding-left: 1rem;
  padding-right: 0.4rem;
  float: left;
  background-color: #4c4c4c;
}

/* line 2339, assetic_compassnRe8Cq.sass */
#below-button-bar .columns {
  padding: 0;
}

/* line 2342, assetic_compassnRe8Cq.sass */
#below-button-bar #like-button #heart {
  color: #999999;
}

/* line 2345, assetic_compassnRe8Cq.sass */
#below-button-bar #like-button:hover #heart {
  color: #f5a9bc;
}

/* line 2348, assetic_compassnRe8Cq.sass */
#below-button-bar #like-button #heart.liked {
  color: #e40000;
}

/* line 2351, assetic_compassnRe8Cq.sass */
#below-button-bar #like-arrow-right {
  float: left;
  width: 0;
  height: 0;
  border-top: 1.7rem solid transparent;
  border-bottom: 1.6rem solid transparent;
  border-left: 1.2rem solid #4c4c4c;
}

@media screen and (min-width: 640px) {
  /* line 2360, assetic_compassnRe8Cq.sass */
  #below-button-bar .liker {
    position: absolute;
    top: 0;
    margin-left: -0.2rem;
  }
}
@media screen and (min-width: 640px) {
  /* line 2366, assetic_compassnRe8Cq.sass */
  #below-button-bar .liker-0 {
    left: 25%;
  }
}
@media screen and (min-width: 640px) {
  /* line 2370, assetic_compassnRe8Cq.sass */
  #below-button-bar .liker-1 {
    left: 45%;
  }
}
@media screen and (min-width: 640px) {
  /* line 2374, assetic_compassnRe8Cq.sass */
  #below-button-bar .liker-2 {
    left: 65%;
  }
}
@media screen and (max-width: 640px) {
  /* line 2378, assetic_compassnRe8Cq.sass */
  #below-button-bar .liker {
    float: left;
  }
}
/* line 2381, assetic_compassnRe8Cq.sass */
#below-button-bar .liker img {
  height: 2.5rem;
  width: 2.5rem;
  margin-top: 0.5rem;
  margin-left: 0.5rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

@media screen and (min-width: 640px) {
  /* line 2391, assetic_compassnRe8Cq.sass */
  #below-button-bar #more-likers {
    position: absolute;
    top: 0;
    left: 65%;
    margin-left: -0.2rem;
  }
}
@media screen and (max-width: 640px) {
  /* line 2398, assetic_compassnRe8Cq.sass */
  #below-button-bar #more-likers {
    float: left;
  }
}
/* line 2401, assetic_compassnRe8Cq.sass */
#below-button-bar #more-likers span {
  display: block;
  height: 2.5rem;
  min-width: 2.5rem;
  margin-top: 0.5rem;
  margin-left: 0.5rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  background-color: #c8c8c8;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  line-height: 2.5rem;
  text-align: center;
  font-weight: bold;
  color: white;
}

/* line 2418, assetic_compassnRe8Cq.sass */
#below-button-bar #more-likers span:hover {
  line-height: 2rem;
}

/* line 2421, assetic_compassnRe8Cq.sass */
#below-button-bar .liker-selector:hover {
  border: 0.2rem solid #9937a8;
}

/* line 2424, assetic_compassnRe8Cq.sass */
#below-button-bar #view-counter {
  font-weight: 200 !important;
  background-color: transparent;
  color: black;
  cursor: default;
}

/* line 2430, assetic_compassnRe8Cq.sass */
#au {
  padding: 1rem;
}

/* line 2433, assetic_compassnRe8Cq.sass */
.comment {
  background-color: #fae583;
  margin-bottom: 1rem;
  -webkit-box-shadow: 0 0.3rem 0.6rem -0.4rem black;
  -moz-box-shadow: 0 0.3rem 0.6rem -0.4rem black;
  box-shadow: 0 0.3rem 0.6rem -0.4rem black;
}

/* line 2440, assetic_compassnRe8Cq.sass */
.comment .author {
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-top: 1rem;
  margin-right: 8rem;
  color: #222222;
  font-size: 1rem;
  display: block;
  z-index: 2;
}

/* line 2452, assetic_compassnRe8Cq.sass */
.comment .author .pic img {
  float: left;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

/* line 2460, assetic_compassnRe8Cq.sass */
.comment .author .name {
  float: left;
  height: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  font-size: 0.8rem;
  font-weight: bold;
}

/* line 2469, assetic_compassnRe8Cq.sass */
.comment .body-container {
  width: 100%;
  overflow: hidden;
  padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
}

/* line 2477, assetic_compassnRe8Cq.sass */
.comment .body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
}

/* line 2483, assetic_compassnRe8Cq.sass */
.comment .body a:hover {
  text-decoration: underline;
}

/* line 2486, assetic_compassnRe8Cq.sass */
.comment .topRight {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 2rem;
  margin-top: 1.5rem;
  font-size: 0.8rem;
}

@media screen and (max-width: 640px) {
  /* line 2495, assetic_compassnRe8Cq.sass */
  .comment .topRight {
    top: 3.9rem;
    left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-left: 2rem;
  }
}
@media screen and (max-width: 640px) {
  /* line 2503, assetic_compassnRe8Cq.sass */
  .comment .body-container {
    padding-top: 1.8rem;
  }
}
/* line 2506, assetic_compassnRe8Cq.sass */
#comment-header {
  margin-top: 1rem;
  margin-bottom: 0.8rem;
}

/* line 2510, assetic_compassnRe8Cq.sass */
.comment-new {
  padding-bottom: 0.9375rem;
}

/* line 2513, assetic_compassnRe8Cq.sass */
.comment-new textarea {
  resize: none;
  margin: 0 0 0.2rem 0;
}

/* line 2517, assetic_compassnRe8Cq.sass */
.comment-new .button {
  width: 100%;
  background-color: #4c4c4c;
}

/* line 2521, assetic_compassnRe8Cq.sass */
#comment-load-all {
  float: right;
  color: white;
  background-color: #c8c8c8;
  margin-top: 0.6rem;
  margin-bottom: 0.8rem;
}

@media screen and (max-width: 640px) {
  /* line 2529, assetic_compassnRe8Cq.sass */
  #comment-load-all {
    width: 100%;
  }
}
/* Share mixxie
 */
/* line 2536, assetic_compassnRe8Cq.sass */
#shareModal .select2-container {
  width: 100%;
}

/* line 2539, assetic_compassnRe8Cq.sass */
#shareModal .select2-container .select2-choice {
  height: 3rem;
  line-height: 3rem;
  width: 100%;
}

/* line 2544, assetic_compassnRe8Cq.sass */
#shareModal .select2-container .select2-choice .select2-arrow b {
  margin-top: 0.6rem;
}

/* line 2547, assetic_compassnRe8Cq.sass */
#send-message-button {
  margin: 0;
  width: 100%;
}

/* line 2551, assetic_compassnRe8Cq.sass */
#receiver {
  width: 100%;
  height: 3rem;
}

/* line 2555, assetic_compassnRe8Cq.sass */
.receiver-pic {
  width: 2.8rem;
  height: 2.8rem;
  margin-right: 0.6rem;
}

/* Mixxie Writer
 */
/* line 2564, assetic_compassnRe8Cq.sass */
.box .start-new-unit {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  background-color: #ededee;
  border: 1px solid white;
}

/* line 2574, assetic_compassnRe8Cq.sass */
.box .start-new-unit span {
  font-size: 3rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2rem;
  margin-left: -0.8rem;
}

/* line 2582, assetic_compassnRe8Cq.sass */
.box .unit-edit {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 91;
}

/* line 2590, assetic_compassnRe8Cq.sass */
.box .unit-edit textarea {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 2rem;
  margin: 0;
  height: auto;
  resize: none;
}

/* line 2601, assetic_compassnRe8Cq.sass */
.box .unit-edit button {
  position: absolute;
  width: 50%;
  bottom: 0;
  margin: 0;
  padding: 0.3rem;
  height: 2rem;
}

/* line 2609, assetic_compassnRe8Cq.sass */
.box .unit-edit .button-right {
  left: 50%;
}

/* line 2612, assetic_compassnRe8Cq.sass */
.unit-edit textarea.title {
  line-height: 1em;
  font-family: AlphaHeadline;
  font-weight: bold;
  color: #343434;
  text-transform: uppercase;
  word-wrap: normal;
  background-color: #eeeeee;
  border: solid 2px #bb59ca;
}

/* line 2622, assetic_compassnRe8Cq.sass */
.unit-edit textarea.text {
  line-height: 1.15em;
  font-family: AlphaHeadline;
  color: #343434;
  word-wrap: normal;
  background-color: #eeeeee;
  border: solid 2px #bb59ca;
}

/* line 2630, assetic_compassnRe8Cq.sass */
.unit .unit-actions {
  display: none;
  background-color: rgba(153, 55, 168, 0.75);
}

/* line 2634, assetic_compassnRe8Cq.sass */
.unit .unit-actions a {
  float: left;
  text-align: center;
  width: 2.6rem;
  height: 2.6rem;
  display: block;
  color: white;
  font-size: 1.2rem;
  line-height: 2.6rem;
}

/* line 2644, assetic_compassnRe8Cq.sass */
.unit .unit-actions-dropdown {
  position: absolute;
  top: 0;
  left: 0;
}

/* line 2649, assetic_compassnRe8Cq.sass */
.unit .unit-actions-top-right {
  position: absolute;
  top: 0;
  right: 0;
}

/* line 2654, assetic_compassnRe8Cq.sass */
.unit .unit-actions-bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
}

/* line 2659, assetic_compassnRe8Cq.sass */
.unit .unit-actions-top-left {
  position: absolute;
  top: 0;
  left: 0;
}

/* line 2664, assetic_compassnRe8Cq.sass */
.unit .unit-actions-bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
}

/* line 2669, assetic_compassnRe8Cq.sass */
.unit .unit-actions-arrow-left {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1.4rem;
  width: 2.6rem;
}

/* line 2676, assetic_compassnRe8Cq.sass */
.unit .unit-actions-arrow-right {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -1.4rem;
  width: 2.6rem;
}

/* line 2683, assetic_compassnRe8Cq.sass */
.unit .unit-actions-arrow-top {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -1.4rem;
}

/* line 2689, assetic_compassnRe8Cq.sass */
.unit .unit-actions-arrow-down {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -1.4rem;
}

/* line 2698, assetic_compassnRe8Cq.sass */
#below-button-bar-editor .button {
  width: 100%;
  margin: 0;
}

/* line 2702, assetic_compassnRe8Cq.sass */
#cropper-button {
  float: left;
  margin: 0;
}

/* line 2706, assetic_compassnRe8Cq.sass */
#cropper-original {
  float: left;
  line-height: 3rem;
}

/* line 2710, assetic_compassnRe8Cq.sass */
#cropper-original input {
  margin-left: 1rem;
  margin-right: 0.4rem;
}

/* line 2714, assetic_compassnRe8Cq.sass */
#loading-block {
  z-index: 9999;
  background-color: rgba(255, 255, 255, 0.7);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* line 2723, assetic_compassnRe8Cq.sass */
#loading-block .busy-spin {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
}

/* Search
 */
/* line 2734, assetic_compassnRe8Cq.sass */
#nav-search form {
  margin: 0;
  width: 100%;
}

/* line 2738, assetic_compassnRe8Cq.sass */
#nav-search .search-query {
  margin: 0;
  height: 1.9rem;
  width: 100%;
  min-width: 14rem;
  font-size: 0.9rem;
  background-image: url("/bundles/mixxieweb/img/icon-search.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: 99%;
}

/* line 2749, assetic_compassnRe8Cq.sass */
#nav-search .search-query:focus {
  font-size: 0.9rem;
}

@media screen and (max-width: 1024px) {
  /* line 2753, assetic_compassnRe8Cq.sass */
  #nav-search .search-query {
    min-width: 8rem;
  }
}
/* line 2756, assetic_compassnRe8Cq.sass */
#small-search-form {
  width: 100%;
}

/* line 2759, assetic_compassnRe8Cq.sass */
#small-search-form form {
  margin: 0;
}

/* line 2762, assetic_compassnRe8Cq.sass */
#small-search-form .search-query {
  border: 0.8rem solid #4c4c4c;
  font-size: 16px;
  height: inherit;
  background-image: url("/bundles/mixxieweb/img/icon-search.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: 99%;
}

/* line 2771, assetic_compassnRe8Cq.sass */
.search-more {
  display: block;
  background-color: #4c4c4c;
  color: white;
}

/* line 2776, assetic_compassnRe8Cq.sass */
.search-more:hover {
  color: #4c4c4c;
  background-color: #ededee;
}

/* Brand - Warn
 */
/* line 2783, assetic_compassnRe8Cq.sass */
#brand-warn-container {
  background-repeat: no-repeat;
  background-color: #eeeeee;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-position: center;
  padding-top: 4rem;
  height: 36rem;
}

/* line 2793, assetic_compassnRe8Cq.sass */
#brand-warn-box {
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
}

/* line 2797, assetic_compassnRe8Cq.sass */
#brand-warn-box h2 {
  color: white;
}

/* line 2800, assetic_compassnRe8Cq.sass */
.brand-warn-button {
  display: block;
  width: 100%;
}

/* line 2804, assetic_compassnRe8Cq.sass */
.brand-warn-button:hover {
  color: white;
  background-color: #4c4c4c;
}

/* line 2808, assetic_compassnRe8Cq.sass */
#brand-warn-box #brand-info {
  padding-bottom: 1rem;
}

/* line 2811, assetic_compassnRe8Cq.sass */
#brand-warn-box #brand-pic {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

/* line 2818, assetic_compassnRe8Cq.sass */
#brand-warn-box #brand-name {
  font-weight: bold;
}

/* Common
 */
/* line 2825, assetic_compassnRe8Cq.sass */
#login-for-comment {
  padding-left: 1rem;
  padding-right: 1rem;
  margin: 0;
}

/* line 2830, assetic_compassnRe8Cq.sass */
.resource-preview {
  height: 240px;
  overflow: hidden;
  padding: 16px;
  border: 1px solid gainsboro;
}

/* line 2836, assetic_compassnRe8Cq.sass */
.dropzone {
  border: 1px solid grey;
  padding: 20px;
  cursor: pointer;
  background-image: url("/bundles/mixxieweb/img/dz-bkg.png");
  background-repeat: repeat-x;
  background-size: contain;
}

/* line 2844, assetic_compassnRe8Cq.sass */
#dropzone {
  border: 1px solid grey;
  padding: 20px;
  text-align: center;
  cursor: pointer;
}

/* line 2850, assetic_compassnRe8Cq.sass */
.dz-message #upload-icon i {
  float: right;
  font-size: 4rem;
}

/* line 2854, assetic_compassnRe8Cq.sass */
.dz-message #upload-info h4 {
  color: #4c4c4c;
  font-weight: bold;
  margin-bottom: 0;
}

/* line 2859, assetic_compassnRe8Cq.sass */
.dz-message #upload-info p {
  margin: 0;
}

/* line 2862, assetic_compassnRe8Cq.sass */
#busy-image {
  float: right;
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-right: 1rem;
}

@media screen and (max-width: 640px) {
  /* line 2869, assetic_compassnRe8Cq.sass */
  .dropzone {
    text-align: center;
  }

  /* line 2871, assetic_compassnRe8Cq.sass */
  .dz-message #upload-icon i {
    float: none;
  }

  /* line 2873, assetic_compassnRe8Cq.sass */
  #busy-image {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 2878, assetic_compassnRe8Cq.sass */
#cropper img {
  width: 100%;
  height: auto;
  max-width: 640px;
  min-width: 160px;
}

/* line 2884, assetic_compassnRe8Cq.sass */
.busy-spin {
  width: 30px;
  height: 30px;
  margin: 2px;
  padding: 1px 2px;
  color: black;
  background: transparent;
  font-family: Helvetica, Arial, Sans-Serif;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* line 2895, assetic_compassnRe8Cq.sass */
  select,
  input[type="text"],
  input[type="password"],
  input[type="date"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="month"],
  input[type="week"],
  input[type="email"],
  input[type="number"],
  input[type="search"],
  input[type="tel"],
  input[type="time"],
  input[type="url"],
  textarea {
    font-size: 16px;
  }
}
/*
 * Modals
 */
/* line 2916, assetic_compassnRe8Cq.sass */
.reveal-modal .close-reveal-modal {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  display: block;
}

@media screen and (min-width: 1024px) {
  /* line 2924, assetic_compassnRe8Cq.sass */
  #likesModal {
    width: 24rem;
    margin-left: -12rem;
  }
}
/* line 2928, assetic_compassnRe8Cq.sass */
.modal-liker {
  position: relative;
  height: 2.8rem;
  display: block;
  color: #343434;
}

/* line 2934, assetic_compassnRe8Cq.sass */
.modal-liker img {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
  margin-right: 0.2rem;
  margin-left: 0.4rem;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

/* line 2945, assetic_compassnRe8Cq.sass */
.modal-liker .name {
  margin-left: 0.3rem;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.6rem;
  height: 1.6rem;
  overflow: hidden;
  position: absolute;
  top: 0.2rem;
  left: 2.7rem;
}

/* line 2956, assetic_compassnRe8Cq.sass */
.modal-liker .followers {
  margin-left: 0.3rem;
  font-size: 0.8rem;
  line-height: 1rem;
  height: 1rem;
  overflow: hidden;
  position: absolute;
  top: 1.5rem;
  left: 2.7rem;
  color: #7f7f7f;
}

/* line 2967, assetic_compassnRe8Cq.sass */
.options-modal {
  padding: 0;
}

/* line 2970, assetic_compassnRe8Cq.sass */
.options-modal h3 {
  margin: 0;
  height: 3.2rem;
  padding-left: 1rem;
  line-height: 3.2rem;
  font-size: 1.3rem;
}

@media screen and (min-width: 640px) {
  /* line 2978, assetic_compassnRe8Cq.sass */
  .options-modal .row {
    padding-left: 36px;
    padding-right: 36px;
  }
}
/* line 2982, assetic_compassnRe8Cq.sass */
.options-modal .orbit-bullets {
  display: inline-block;
}

/* line 2985, assetic_compassnRe8Cq.sass */
.options-modal .orbit-container .orbit-prev > span {
  border-right-color: black;
}

/* line 2988, assetic_compassnRe8Cq.sass */
.options-modal .orbit-container .orbit-next > span {
  border-left-color: black;
}

@media screen and (min-width: 640px) {
  /* line 2992, assetic_compassnRe8Cq.sass */
  .options-modal {
    width: 18rem !important;
    margin-left: -9rem !important;
  }
}
/* line 2996, assetic_compassnRe8Cq.sass */
.new-unit-type {
  width: 100%;
  height: 5.2rem;
  margin: 0;
  padding: 0;
  background-color: inherit;
  float: left;
  color: #343434;
}

/* line 3005, assetic_compassnRe8Cq.sass */
.new-unit-type:hover {
  color: #343434;
  background-color: rgba(153, 55, 168, 0.2);
}

/* line 3009, assetic_compassnRe8Cq.sass */
.new-unit-type i {
  margin-top: 0.5rem;
  width: 100%;
  font-size: 3rem;
  float: left;
}

/* line 3015, assetic_compassnRe8Cq.sass */
.new-unit-type span {
  width: 100%;
  float: left;
}

/*
 * Sort mixxie in collection
 */
/* line 3024, assetic_compassnRe8Cq.sass */
#sort-collection-items {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 20px 0;
}

/* line 3030, assetic_compassnRe8Cq.sass */
#sort-collection-items li {
  padding: 10px 40px;
  cursor: move;
  text-transform: uppercase;
  margin-bottom: 0.4rem;
  background-color: #ededee;
}

/* line 3037, assetic_compassnRe8Cq.sass */
#sort-collection-items li img {
  width: 100%;
  height: 7rem;
}

/* line 3041, assetic_compassnRe8Cq.sass */
#sort-collection-items li h4 {
  height: 4rem;
  font-family: AlphaHeadline;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.4rem;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  text-overflow: ellipsis;
}

/*
 * Slide Show
 */
/* line 3057, assetic_compassnRe8Cq.sass */
.slideshow-sidebar-container {
  padding: 0.8rem;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 17.3rem;
}

/* line 3064, assetic_compassnRe8Cq.sass */
.slideshow-sidebar-head {
  width: 17.5rem;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

/* line 3069, assetic_compassnRe8Cq.sass */
.slideshow-sidebar-foot {
  width: 17.5rem;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

/* line 3074, assetic_compassnRe8Cq.sass */
.slideshow-sidebar-content {
  width: 16.3rem;
  overflow-y: auto;
  height: 100%;
  padding-right: 15px;
  position: relative;
}

/* line 3081, assetic_compassnRe8Cq.sass */
.slideshow-list-shadow {
  width: 18.2rem;
  margin-left: -2rem;
}

/* line 3085, assetic_compassnRe8Cq.sass */
.slideshow-list-shadow-top {
  height: 2px;
  background-image: url("/bundles/mixxieweb/img/list-shadow-top.png");
  background-repeat: repeat-x;
}

/* line 3091, assetic_compassnRe8Cq.sass */
.slideshow-list-shadow-bottom {
  height: 3px;
  background-image: url("/bundles/mixxieweb/img/list-shadow-bottom.png");
  background-repeat: repeat-x;
}

/* line 3097, assetic_compassnRe8Cq.sass */
#slideshow-left-bar {
  margin-left: -19.2rem;
  width: 16.3rem;
  left: 0;
  padding-top: 0;
}

/* line 3103, assetic_compassnRe8Cq.sass */
#slideshow-right-bar {
  padding-top: 0;
  margin-right: -20.6rem;
  margin-bottom: 1rem;
  right: 0;
}

/* line 3109, assetic_compassnRe8Cq.sass */
#slideshow-right-bar .mixxie-show-sidebar-content {
  width: 17.5rem;
}

/* line 3112, assetic_compassnRe8Cq.sass */
#slideshow-left-bar .mixxie-show-sidebar-content {
  padding-right: 30px;
}

/* line 3115, assetic_compassnRe8Cq.sass */
.slideshow-sidebar-head .title {
  font-size: 1.3rem;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.3rem;
  font-weight: bold;
}

/* line 3122, assetic_compassnRe8Cq.sass */
.slideshow-sidebar-head p {
  margin-top: 0.6rem;
  margin-bottom: 0;
  color: gray;
  line-height: 1rem;
  letter-spacing: 0.03rem;
  font-size: 0.8rem;
  padding-right: 1rem;
}

/* line 3131, assetic_compassnRe8Cq.sass */
.slideshow-sidebar-foot p {
  margin: 0;
  text-align: center;
  color: gray;
  line-height: 1rem;
  letter-spacing: 0.03rem;
  font-size: 0.8rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 3141, assetic_compassnRe8Cq.sass */
#slideshow-right-bar .preview-small-author {
  height: 2rem;
}

/* line 3144, assetic_compassnRe8Cq.sass */
#slideshow-right-bar .preview-small-author span {
  font-size: 0.7rem;
  margin-left: 0;
  line-height: 2rem;
  height: 2rem;
  left: 0.4rem;
  color: #909090;
}

/* line 3152, assetic_compassnRe8Cq.sass */
#slideshow-right-bar .preview-small-title {
  margin-top: 2rem;
  height: 4rem;
}

/* line 3156, assetic_compassnRe8Cq.sass */
#slideshow-right-bar .preview-small-title h2 a {
  padding-top: 0;
  font-size: 0.9rem;
  line-height: 1rem;
  height: 3.9rem;
  -webkit-line-clamp: 4;
}

/* line 3163, assetic_compassnRe8Cq.sass */
#slideshow-right-bar .preview-small-rightside h6.onleft {
  font-size: 0.5rem;
  line-height: 0.4rem;
}

/* line 3167, assetic_compassnRe8Cq.sass */
#slideshow-right-bar .preview-small-rightside h6.onright {
  font-size: 0.5rem;
  line-height: 0.4rem;
}

/* line 3171, assetic_compassnRe8Cq.sass */
#slideshow-right-bar .recommended-img {
  width: 3.4rem;
  height: 3.4rem;
  border: 0.14rem solid #dedede;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

/* line 3179, assetic_compassnRe8Cq.sass */
#slideshow-right-bar .recommended-name {
  margin-top: 0.7rem;
  width: 100%;
  color: black;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 1.1rem;
  max-height: 1.1rem;
  text-transform: uppercase;
}

/* line 3192, assetic_compassnRe8Cq.sass */
#slideshow-right-bar .recommended-undername {
  font-size: 0.8rem;
}

/* line 3195, assetic_compassnRe8Cq.sass */
#slideshow-left-bar hr {
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}

/* line 3199, assetic_compassnRe8Cq.sass */
#slideshow-left-bar .list-link {
  display: block;
  font-size: 1.3rem;
  font-weight: 400;
  color: black;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  padding-right: 0.3rem;
  text-transform: uppercase;
}

/* line 3209, assetic_compassnRe8Cq.sass */
#slideshow-left-bar .list-link:hover {
  color: white;
  background-color: #9937a8;
  padding-left: 0.3rem;
}

/* line 3214, assetic_compassnRe8Cq.sass */
.slideshow-sidebar-content .small-link {
  display: block;
  font-size: 0.8rem;
  font-weight: 400;
  color: black;
  padding-top: 0.8rem;
  padding-bottom: 0.3rem;
  text-decoration: underline;
}

/* line 3223, assetic_compassnRe8Cq.sass */
.slideshow-sidebar-content .small-link:hover {
  color: #9937a8;
}

/* line 3226, assetic_compassnRe8Cq.sass */
#slideshow-featured-profile-img {
  height: 4rem;
  width: 4rem;
  border: 0.12rem solid #dedede;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

/* line 3234, assetic_compassnRe8Cq.sass */
#slideshow-featured-profile-cover {
  width: 100%;
  height: 10rem;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 3243, assetic_compassnRe8Cq.sass */
#slideshow-featured-profile-name {
  line-height: 1.4rem;
  margin: 0rem;
  margin-top: 0.3rem;
  padding: 0;
  overflow: hidden;
  color: #585858;
  font-family: AlphaHeadline;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

/* line 3255, assetic_compassnRe8Cq.sass */
#slideshow-featured-profile-bio {
  margin-top: 0.6rem;
  margin-bottom: 1.6rem;
  color: gray;
  line-height: 1rem;
  letter-spacing: 0.03rem;
  font-size: 0.8rem;
}

/*
 * Editor modals
 */
/* line 3267, assetic_compassnRe8Cq.sass */
#mixxieLinkModal .select2-search-choice {
  line-height: inherit;
}

/* line 3270, assetic_compassnRe8Cq.sass */
#mixxieLinkModal .select2-search-choice-close {
  top: 8px;
}

/*
 * FOS (secure forms etc)
 */
/* line 3277, assetic_compassnRe8Cq.sass */
#fos-view p {
  color: gray;
}

/* line 3280, assetic_compassnRe8Cq.sass */
#fos-view p.small {
  font-size: 0.8rem;
}

/* line 3283, assetic_compassnRe8Cq.sass */
#fos-view .button {
  width: 100%;
  padding: 0.7rem;
  font-weight: bold !important;
  background-color: black;
}

/* line 3289, assetic_compassnRe8Cq.sass */
#fos-view .button:hover {
  background-color: #3d3d3d;
}

/* line 3292, assetic_compassnRe8Cq.sass */
#fos-view .button .fa {
  font-size: 1.3rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 2.6rem;
  padding-top: 0.7rem;
  padding-left: 0.1rem;
  border-right: 1px solid #3d3d3d;
}

/* line 3303, assetic_compassnRe8Cq.sass */
#fos-view .button.secondary {
  background-color: transparent;
  border: 1px solid black;
}

/* line 3307, assetic_compassnRe8Cq.sass */
#fos-view .button.secondary:hover {
  background-color: #d0d0d0;
}

/* line 3310, assetic_compassnRe8Cq.sass */
#fos-view .button.fb {
  background-color: #3d579d;
  margin-bottom: 0.2rem;
}

/* line 3314, assetic_compassnRe8Cq.sass */
#fos-view .button.fb .fa {
  border-right: 1px solid #1d377d;
}

/* line 3317, assetic_compassnRe8Cq.sass */
#fos-view .button.fb:hover {
  background-color: #1d377d;
}

/* line 3320, assetic_compassnRe8Cq.sass */
#fos-view form {
  margin-bottom: 0;
}

/* line 3323, assetic_compassnRe8Cq.sass */
#fos-view form input[type="text"] {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.8);
  -moz-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.8);
  box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.8);
}

/* line 3328, assetic_compassnRe8Cq.sass */
#fos-view form input[type="email"] {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.8);
  -moz-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.8);
  box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.8);
}

/* line 3333, assetic_compassnRe8Cq.sass */
#fos-view form input[type="password"] {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.8);
  -moz-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.8);
  box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.8);
}

/* line 3338, assetic_compassnRe8Cq.sass */
#fos-view form textarea {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.8);
  -moz-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.8);
  box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.8);
}

/* line 3343, assetic_compassnRe8Cq.sass */
.fos-title {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 1rem;
  margin-right: 1rem;
}

/* line 3349, assetic_compassnRe8Cq.sass */
.fos-subtitle {
  margin-top: 0;
  margin-bottom: 1.4rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

/*
 * User Profile settings
 */
/* line 3359, assetic_compassnRe8Cq.sass */
#user_form label[for="mixxie_web_user_receiveNews"] {
  float: left;
}

/* line 3362, assetic_compassnRe8Cq.sass */
#user_form label[for="mixxie_web_user_alertLastAuthors"] {
  float: left;
}

/* line 3365, assetic_compassnRe8Cq.sass */
#user_form input[type="checkbox"] {
  float: left;
  margin-left: 0.4rem;
}

/* line 3369, assetic_compassnRe8Cq.sass */
.select2-mixxie {
  position: relative;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-position: center;
  height: 10rem;
}

/* line 3377, assetic_compassnRe8Cq.sass */
.select2-mixxie p {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.65);
  padding-left: 1rem;
  padding-right: 1rem;
}

/*
 * Generic menu
 */
/* line 3390, assetic_compassnRe8Cq.sass */
#menu-links {
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
}

/* line 3394, assetic_compassnRe8Cq.sass */
#menu-links p {
  margin: 0;
  text-align: right;
  font-size: 0.94rem;
}

@media screen and (max-width: 640px) {
  /* line 3400, assetic_compassnRe8Cq.sass */
  #menu-links p {
    text-align: center;
  }
}
/* line 3403, assetic_compassnRe8Cq.sass */
#menu-links p a {
  white-space: nowrap;
  color: #989898;
}

/* line 3407, assetic_compassnRe8Cq.sass */
#menu-links p a:hover {
  color: #9937a8;
  text-decoration: underline;
}

/* line 3411, assetic_compassnRe8Cq.sass */
#menu-links .selected-link {
  color: black;
  text-decoration: underline;
}

/*
 * Last authors in feed
 */
/* line 3419, assetic_compassnRe8Cq.sass */
.last-author-container {
  padding: 0;
}

/* line 3422, assetic_compassnRe8Cq.sass */
.last-author {
  position: relative;
  z-index: 1;
  margin-bottom: 0.9375rem;
}

/* line 3427, assetic_compassnRe8Cq.sass */
.last-author:hover b {
  text-decoration: underline;
}

/* line 3430, assetic_compassnRe8Cq.sass */
.last-author:hover .last-author-pic .last-author-pic-image {
  border-color: #9937a8;
}

/* line 3433, assetic_compassnRe8Cq.sass */
.last-author-pic {
  position: relative;
}

/* line 3436, assetic_compassnRe8Cq.sass */
.last-author-pic .last-author-pic-spacer {
  width: 100%;
  height: auto;
}

/* line 3440, assetic_compassnRe8Cq.sass */
.last-author-pic .last-author-pic-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0.2rem solid #dedede;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

/* line 3451, assetic_compassnRe8Cq.sass */
.last-author-name {
  padding: 0;
  padding-top: 0.6rem;
  text-align: center;
  height: 3.2rem;
}

/* line 3457, assetic_compassnRe8Cq.sass */
.last-author-name b {
  color: black;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1rem;
  max-height: 2rem;
  font-size: 0.8rem;
}

/* line 3468, assetic_compassnRe8Cq.sass */
.last-author-name span {
  color: black;
  font-size: 0.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1rem;
  height: 1rem;
}

/*
 * Preview mixxie like
 */
/* line 3483, assetic_compassnRe8Cq.sass */
.preview-second-author {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3rem;
  background-image: url("/bundles/mixxieweb/img/gradient_nero_1x50.png");
  background-repeat: repeat-x;
  background-size: contain;
}

/* line 3493, assetic_compassnRe8Cq.sass */
.preview-second-author span {
  position: absolute;
  top: 0;
  left: 0;
  right: 3rem;
  font-size: 0.8rem;
  line-height: 2.8rem;
  max-height: 2.8rem;
  overflow: hidden;
  padding-left: 0.4rem;
  color: white;
  text-transform: uppercase;
}

/* line 3506, assetic_compassnRe8Cq.sass */
.preview-second-author img {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.2rem;
  width: 2.4rem;
  height: 2.4rem;
  border: 0;
}

/*
 * MIBACT VB BOX
 */
/* line 3523, assetic_compassnRe8Cq.sass */
.vb-event-box {
  position: relative;
  width: 100%;
  height: 100%;
  color: #433f3e;
  font-family: "Montserrat", sans-serif;
}

/* line 3530, assetic_compassnRe8Cq.sass */
.vb-data {
  position: absolute;
  top: 0;
  height: 2.1rem;
  left: 0.7rem;
  right: 0.7rem;
}

/* line 3537, assetic_compassnRe8Cq.sass */
.vb-data span {
  font-size: 0.6rem;
  line-height: 2.1rem;
  overflow: hidden;
}

/* line 3542, assetic_compassnRe8Cq.sass */
.vb-data img {
  height: 0.7rem;
}

/* line 3545, assetic_compassnRe8Cq.sass */
.vb-titolo {
  position: absolute;
  top: 2.1rem;
  bottom: 4.2rem;
  left: 0.7rem;
  right: 0.7rem;
  margin-top: -0.4rem;
}

/* line 3553, assetic_compassnRe8Cq.sass */
.vb-titolo span {
  height: 100%;
  max-height: 5.1rem;
  line-height: 1.3rem;
  font-weight: 700;
  font-size: 1.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

/* line 3565, assetic_compassnRe8Cq.sass */
.vb-event-bambini .vb-titolo span {
  color: #de4ffe;
}

/* line 3568, assetic_compassnRe8Cq.sass */
.vb-event-cinema .vb-titolo span {
  color: #d0002e;
}

/* line 3571, assetic_compassnRe8Cq.sass */
.vb-event-danza .vb-titolo span {
  color: #4721fd;
}

/* line 3574, assetic_compassnRe8Cq.sass */
.vb-event-feste-tradizionali .vb-titolo span {
  color: #2da89f;
}

/* line 3577, assetic_compassnRe8Cq.sass */
.vb-event-festival .vb-titolo span {
  color: #b49868;
}

/* line 3580, assetic_compassnRe8Cq.sass */
.vb-event-itinerari-turistici .vb-titolo span {
  color: #9bcf38;
}

/* line 3583, assetic_compassnRe8Cq.sass */
.vb-event-jazz .vb-titolo span {
  color: #e6007a;
}

/* line 3586, assetic_compassnRe8Cq.sass */
.vb-event-libri .vb-titolo span {
  color: #8400ba;
}

/* line 3589, assetic_compassnRe8Cq.sass */
.vb-event-mostre .vb-titolo span {
  color: #7f31fb;
}

/* line 3592, assetic_compassnRe8Cq.sass */
.vb-event-musica-concerti .vb-titolo span {
  color: #ea572c;
}

/* line 3595, assetic_compassnRe8Cq.sass */
.vb-event-opera .vb-titolo span {
  color: #f3b81c;
}

/* line 3598, assetic_compassnRe8Cq.sass */
.vb-event-teatro .vb-titolo span {
  color: #3d94fd;
}

/* line 3601, assetic_compassnRe8Cq.sass */
.vb-luogo {
  position: absolute;
  height: 2.1rem;
  bottom: 2.1rem;
  left: 0.7rem;
  right: 0.7rem;
}

/* line 3608, assetic_compassnRe8Cq.sass */
.vb-luogo table {
  height: 100%;
  margin: 0;
  border: none;
  background: transparent;
}

/* line 3614, assetic_compassnRe8Cq.sass */
.vb-luogo td {
  padding: 0;
}

/* line 3617, assetic_compassnRe8Cq.sass */
.vb-luogo-pin {
  width: 1rem;
}

/* line 3620, assetic_compassnRe8Cq.sass */
.vb-luogo-pin img {
  height: 1rem;
}

/* line 3623, assetic_compassnRe8Cq.sass */
.vb-luogo td.vb-luogo-label {
  padding-top: 0.1rem;
}

/* line 3626, assetic_compassnRe8Cq.sass */
.vb-luogo-label span {
  max-height: 1.9rem;
  font-size: 0.6rem;
  line-height: 0.7rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* line 3637, assetic_compassnRe8Cq.sass */
.vb-link {
  position: absolute;
  height: 2.1rem;
  bottom: 0;
  left: 0.7rem;
  right: 0.7rem;
  border-top: 1px solid #433f3e;
  overflow: hidden;
}

/* line 3646, assetic_compassnRe8Cq.sass */
.vb-link span {
  font-weight: 700;
  font-size: 0.6rem;
  line-height: 2.1rem;
}

/* line 3651, assetic_compassnRe8Cq.sass */
.vb-link img {
  height: 0.9rem;
  float: right;
  margin-top: 0.5rem;
}

@media screen and (max-width: 640px) {
  /* line 3657, assetic_compassnRe8Cq.sass */
  .vb-titolo {
    top: 0;
    bottom: 2.1rem;
    margin: 0;
    padding-top: 0.7rem;
  }

  /* line 3662, assetic_compassnRe8Cq.sass */
  .vb-titolo span {
    line-height: 0.86rem;
    font-size: 0.8rem;
    max-height: 3.3rem;
  }

  /* line 3666, assetic_compassnRe8Cq.sass */
  .vb-data {
    display: none;
  }

  /* line 3668, assetic_compassnRe8Cq.sass */
  .vb-luogo {
    display: none;
  }

  /* line 3670, assetic_compassnRe8Cq.sass */
  .vb-link {
    border: none;
  }

  /* line 3672, assetic_compassnRe8Cq.sass */
  .vb-link span {
    margin-left: -23px;
    font-size: 7px;
  }
}



.top-bar-section ul, .home-button.register, #follow-button {
  display:none !important;
}