@charset "US-ASCII";
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic);
/*

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

/* line 22, ../../../../shared/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../shared/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../shared/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../shared/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../shared/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../shared/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../shared/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../shared/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* @group Base */
/* line 2, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container {
  font-size: 13px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}

/* line 10, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container .chzn-drop {
  background: #fff;
  border: 1px solid #aaa;
  border-top: 0;
  position: absolute;
  top: 100%;
  left: -9999px;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  z-index: 1010;
  width: 100%;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 29, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container.chzn-with-drop .chzn-drop {
  left: 0;
}

/* @end */
/* @group Single Chosen */
/* line 36, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-single .chzn-single {
  background-color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, white), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background-image: -webkit-linear-gradient(top, white 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -moz-linear-gradient(top, white 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -o-linear-gradient(top, white 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #aaaaaa;
  -webkit-box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 23px;
  line-height: 24px;
  padding: 0 0 0 8px;
  color: #444444;
  text-decoration: none;
}

/* line 64, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-single .chzn-default {
  color: #999;
}

/* line 67, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-single .chzn-single span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

/* line 76, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-single .chzn-single-with-deselect span {
  margin-right: 38px;
}

/* line 80, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-single .chzn-single abbr {
  display: block;
  position: absolute;
  right: 26px;
  top: 6px;
  width: 12px;
  height: 12px;
  font-size: 1px;
  background: url("chosen-sprite.png") -42px 1px no-repeat;
}

/* line 90, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-single .chzn-single abbr:hover {
  background-position: -42px -10px;
}

/* line 93, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
  background-position: -42px -10px;
}

/* line 96, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-single .chzn-single div {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 18px;
}

/* line 104, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-single .chzn-single div b {
  background: url("chosen-sprite.png") no-repeat 0px 2px;
  display: block;
  width: 100%;
  height: 100%;
}

/* line 110, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-single .chzn-search {
  padding: 3px 4px;
  position: relative;
  margin: 0;
  white-space: nowrap;
  z-index: 1010;
}

/* line 117, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-single .chzn-search input {
  background: white url("chosen-sprite.png") no-repeat 100% -20px;
  background: url("chosen-sprite.png") no-repeat 100% -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, white));
  background: url("chosen-sprite.png") no-repeat 100% -20px, -webkit-linear-gradient(top, #eeeeee 1%, white 15%);
  background: url("chosen-sprite.png") no-repeat 100% -20px, -moz-linear-gradient(top, #eeeeee 1%, white 15%);
  background: url("chosen-sprite.png") no-repeat 100% -20px, -o-linear-gradient(top, #eeeeee 1%, white 15%);
  background: url("chosen-sprite.png") no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  outline: 0;
  border: 1px solid #aaa;
  font-family: sans-serif;
  font-size: 1em;
  width: 100%;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 137, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-single .chzn-drop {
  margin-top: -1px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/* line 146, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-single-nosearch .chzn-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Multi Chosen */
/* line 153, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-multi .chzn-choices {
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, white));
  background-image: -webkit-linear-gradient(top, #eeeeee 1%, white 15%);
  background-image: -moz-linear-gradient(top, #eeeeee 1%, white 15%);
  background-image: -o-linear-gradient(top, #eeeeee 1%, white 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  border: 1px solid #aaa;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative;
  width: 100%;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 175, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-multi .chzn-choices li {
  float: left;
  list-style: none;
}

/* line 179, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-multi .chzn-choices .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}

/* line 184, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-multi .chzn-choices .search-field input {
  color: #666;
  background: transparent !important;
  border: 0 !important;
  font-family: sans-serif;
  font-size: 100%;
  height: 15px;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* line 198, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-multi .chzn-choices .search-field .default {
  color: #999;
}

/* line 201, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-multi .chzn-choices .search-choice {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  -webkit-box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  border: 1px solid #aaaaaa;
  line-height: 13px;
  padding: 3px 20px 3px 5px;
  margin: 3px 0 3px 5px;
  position: relative;
  cursor: default;
}

/* line 226, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
  border: 1px solid #cccccc;
  padding-right: 5px;
}

/* line 239, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-multi .chzn-choices .search-choice-focus {
  background: #d4d4d4;
}

/* line 242, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
  height: 12px;
  font-size: 1px;
  background: url("chosen-sprite.png") -42px 1px no-repeat;
}

/* line 252, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

/* line 255, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

/* @end */
/* @group Results */
/* line 261, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container .chzn-results {
  margin: 0 4px 4px 0;
  max-height: 240px;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* line 270, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-multi .chzn-results {
  margin: 0;
  padding: 0;
}

/* line 274, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container .chzn-results li {
  display: none;
  line-height: 15px;
  padding: 5px 6px;
  margin: 0;
  list-style: none;
}

/* line 281, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container .chzn-results .active-result {
  cursor: pointer;
  display: list-item;
}

/* line 285, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container .chzn-results .highlighted {
  background-color: #3875d7;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 );
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}

/* line 295, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container .chzn-results li em {
  background: #feffde;
  font-style: normal;
}

/* line 299, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container .chzn-results .highlighted em {
  background: transparent;
}

/* line 302, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container .chzn-results .no-results {
  background: #f4f4f4;
  display: list-item;
}

/* line 306, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container .chzn-results .group-result {
  cursor: default;
  color: #999;
  font-weight: bold;
}

/* line 311, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container .chzn-results .group-option {
  padding-left: 15px;
}

/* line 314, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-multi .chzn-drop .result-selected {
  display: none;
}

/* line 317, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container .chzn-results-scroll {
  background: white;
  margin: 0 4px;
  position: absolute;
  text-align: center;
  width: 321px;
  /* This should by dynamic with js */
  z-index: 1;
}

/* line 325, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container .chzn-results-scroll span {
  display: inline-block;
  height: 17px;
  text-indent: -5000px;
  width: 9px;
}

/* line 331, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container .chzn-results-scroll-down {
  bottom: 0;
}

/* line 334, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container .chzn-results-scroll-down span {
  background: url("chosen-sprite.png") no-repeat -4px -3px;
}

/* line 337, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container .chzn-results-scroll-up span {
  background: url("chosen-sprite.png") no-repeat -22px -3px;
}

/* @end */
/* @group Active  */
/* line 343, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-active .chzn-single {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border: 1px solid #5897fb;
}

/* line 349, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-active.chzn-with-drop .chzn-single {
  border: 1px solid #aaa;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  -moz-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  background-color: #eee;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #eeeeee), color-stop(80%, white));
  background-image: -webkit-linear-gradient(top, #eeeeee 20%, white 80%);
  background-image: -moz-linear-gradient(top, #eeeeee 20%, white 80%);
  background-image: -o-linear-gradient(top, #eeeeee 20%, white 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 368, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-active.chzn-with-drop .chzn-single div {
  background: transparent;
  border-left: none;
}

/* line 372, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-active.chzn-with-drop .chzn-single div b {
  background-position: -18px 2px;
}

/* line 375, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-active .chzn-choices {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border: 1px solid #5897fb;
}

/* line 381, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-active .chzn-choices .search-field input {
  color: #111 !important;
}

/* @end */
/* @group Disabled Support */
/* line 387, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-disabled {
  cursor: default;
  opacity: 0.5 !important;
}

/* line 391, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-disabled .chzn-single {
  cursor: default;
}

/* line 394, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @group Right to Left */
/* line 399, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-rtl {
  text-align: right;
}

/* line 400, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-rtl .chzn-single {
  padding: 0 8px 0 0;
  overflow: visible;
}

/* line 401, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-rtl .chzn-single span {
  margin-left: 26px;
  margin-right: 0;
  direction: rtl;
}

/* line 402, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-rtl .chzn-single-with-deselect span {
  margin-left: 38px;
}

/* line 404, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-rtl .chzn-single div {
  left: 3px;
  right: auto;
}

/* line 405, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-rtl .chzn-single abbr {
  left: 26px;
  right: auto;
}

/* line 409, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-rtl .chzn-choices .search-field input {
  direction: rtl;
}

/* line 410, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-rtl .chzn-choices li {
  float: right;
}

/* line 411, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-rtl .chzn-choices .search-choice {
  padding: 3px 5px 3px 19px;
  margin: 3px 5px 3px 0;
}

/* line 412, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-rtl .chzn-choices .search-choice .search-choice-close {
  left: 4px;
  right: auto;
}

/* line 413, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-rtl .chzn-search {
  left: 9999px;
}

/* line 414, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-rtl.chzn-with-drop .chzn-search {
  left: 0px;
}

/* line 415, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-rtl .chzn-drop {
  left: 9999px;
}

/* line 416, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-rtl.chzn-container-single .chzn-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

/* line 417, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-rtl .chzn-results .group-option {
  padding-left: 0;
  padding-right: 15px;
}

/* line 418, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-rtl.chzn-container-active.chzn-with-drop .chzn-single div {
  border-right: none;
}

/* line 419, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-rtl .chzn-search input {
  background: white url("chosen-sprite.png") no-repeat -30px -20px;
  background: url("chosen-sprite.png") no-repeat -30px -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, white));
  background: url("chosen-sprite.png") no-repeat -30px -20px, -webkit-linear-gradient(top, #eeeeee 1%, white 15%);
  background: url("chosen-sprite.png") no-repeat -30px -20px, -moz-linear-gradient(top, #eeeeee 1%, white 15%);
  background: url("chosen-sprite.png") no-repeat -30px -20px, -o-linear-gradient(top, #eeeeee 1%, white 15%);
  background: url("chosen-sprite.png") no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
  padding: 4px 5px 4px 20px;
  direction: rtl;
}

/* line 429, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-single.chzn-rtl .chzn-single div b {
  background-position: 6px 2px;
}

/* line 432, ../../app/assets/stylesheets/chosen.css.scss */
.chzn-container-single.chzn-rtl.chzn-with-drop .chzn-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  /* line 439, ../../app/assets/stylesheets/chosen.css.scss */
  .chzn-rtl .chzn-search input, .chzn-container-single .chzn-single abbr, .chzn-container-single .chzn-single div b, .chzn-container-single .chzn-search input, .chzn-container-multi .chzn-choices .search-choice .search-choice-close, .chzn-container .chzn-results-scroll-down span, .chzn-container .chzn-results-scroll-up span {
    background-image: url("chosen-sprite@2x.png") !important;
    background-repeat: no-repeat !important;
    background-size: 52px 37px !important;
  }
}
/* @end */
/* line 738, sprite/icon/*.png */
.icon-sprite {
  background: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png) no-repeat;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-balloon-hover,
.icon-balloon-hover:not(i):before {
  content: "";
  width: 13px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: 0 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-balloon-hover:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-balloon-hover-min,
.icon-balloon-hover-min:not(i):before {
  width: 9px;
  height: 7px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: 0 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-balloon-hover-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-balloon,
.icon-balloon:not(i):before {
  content: "";
  width: 13px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -33px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-balloon:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-balloon-min,
.icon-balloon-min:not(i):before {
  width: 9px;
  height: 7px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -24px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-balloon-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-blind-hover,
.icon-blind-hover:not(i):before {
  content: "";
  width: 15px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -66px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-blind-hover:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-blind-hover-min,
.icon-blind-hover-min:not(i):before {
  width: 11px;
  height: 9px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -48px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-blind-hover-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-blind,
.icon-blind:not(i):before {
  content: "";
  width: 15px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -101px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-blind:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-blind-min,
.icon-blind-min:not(i):before {
  width: 11px;
  height: 9px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -73px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-blind-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-block-hover,
.icon-block-hover:not(i):before {
  content: "";
  width: 14px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -136px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-block-hover:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-block-hover-min,
.icon-block-hover-min:not(i):before {
  width: 10px;
  height: 8px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -98px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-block-hover-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-block,
.icon-block:not(i):before {
  content: "";
  width: 14px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -170px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-block:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-block-min,
.icon-block-min:not(i):before {
  width: 10px;
  height: 8px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -122px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-block-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-book-left,
.icon-book-left:not(i):before {
  content: "";
  width: 24px;
  height: 23px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -204px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-book-left:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-book-left-min,
.icon-book-left-min:not(i):before {
  width: 17px;
  height: 17px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -147px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-book-left-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-book-right,
.icon-book-right:not(i):before {
  content: "";
  width: 25px;
  height: 23px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -248px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-book-right:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-book-right-min,
.icon-book-right-min:not(i):before {
  width: 18px;
  height: 17px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -179px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-book-right-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-book,
.icon-book:not(i):before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -293px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-book:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-book-min,
.icon-book-min:not(i):before {
  width: 14px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -211px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-book-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-bookmark,
.icon-bookmark:not(i):before {
  content: "";
  width: 18px;
  height: 20px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -333px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-bookmark:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-bookmark-min,
.icon-bookmark-min:not(i):before {
  width: 13px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -240px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-bookmark-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-bricks-hover,
.icon-bricks-hover:not(i):before {
  content: "";
  width: 14px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -371px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-bricks-hover:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-bricks-hover-min,
.icon-bricks-hover-min:not(i):before {
  width: 10px;
  height: 8px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -267px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-bricks-hover-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-bricks,
.icon-bricks:not(i):before {
  content: "";
  width: 14px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -405px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-bricks:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-bricks-min,
.icon-bricks-min:not(i):before {
  width: 10px;
  height: 8px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -292px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-bricks-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-calendar,
.icon-calendar:not(i):before {
  content: "";
  width: 13px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -439px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-calendar:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-calendar-min,
.icon-calendar-min:not(i):before {
  width: 9px;
  height: 9px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -316px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-calendar-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-category,
.icon-category:not(i):before {
  content: "";
  width: 16px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -472px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-category:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-category-min,
.icon-category-min:not(i):before {
  width: 12px;
  height: 9px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -340px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-category-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-chevron-down-hover,
.icon-chevron-down-hover:not(i):before {
  content: "";
  width: 11px;
  height: 7px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -508px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-chevron-down-hover:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-chevron-down-hover-min,
.icon-chevron-down-hover-min:not(i):before {
  width: 8px;
  height: 5px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -366px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-chevron-down-hover-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-chevron-down,
.icon-chevron-down:not(i):before {
  content: "";
  width: 11px;
  height: 7px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -539px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-chevron-down:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-chevron-down-min,
.icon-chevron-down-min:not(i):before {
  width: 8px;
  height: 5px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -388px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-chevron-down-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-chevron-left-hover,
.icon-chevron-left-hover:not(i):before {
  content: "";
  width: 7px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -570px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-chevron-left-hover:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-chevron-left-hover-min,
.icon-chevron-left-hover-min:not(i):before {
  width: 5px;
  height: 8px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -410px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-chevron-left-hover-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-chevron-left,
.icon-chevron-left:not(i):before {
  content: "";
  width: 7px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -597px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-chevron-left:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-chevron-left-min,
.icon-chevron-left-min:not(i):before {
  width: 5px;
  height: 8px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -430px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-chevron-left-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-chevron-right-hover,
.icon-chevron-right-hover:not(i):before {
  content: "";
  width: 7px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -624px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-chevron-right-hover:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-chevron-right-hover-min,
.icon-chevron-right-hover-min:not(i):before {
  width: 5px;
  height: 8px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -449px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-chevron-right-hover-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-chevron-right-white,
.icon-chevron-right-white:not(i):before {
  content: "";
  width: 7px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -651px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-chevron-right-white:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-chevron-right-white-min,
.icon-chevron-right-white-min:not(i):before {
  width: 5px;
  height: 7px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -469px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-chevron-right-white-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-chevron-right,
.icon-chevron-right:not(i):before {
  content: "";
  width: 7px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -678px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-chevron-right:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-chevron-right-min,
.icon-chevron-right-min:not(i):before {
  width: 5px;
  height: 8px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -488px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-chevron-right-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-circle-comment,
.icon-circle-comment:not(i):before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -705px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-circle-comment:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-circle-comment-min,
.icon-circle-comment-min:not(i):before {
  width: 17px;
  height: 17px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -508px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-circle-comment-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-circle-flash,
.icon-circle-flash:not(i):before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -749px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-circle-flash:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-circle-flash-min,
.icon-circle-flash-min:not(i):before {
  width: 17px;
  height: 17px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -539px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-circle-flash-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-circle-heart,
.icon-circle-heart:not(i):before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -793px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-circle-heart:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-circle-heart-min,
.icon-circle-heart-min:not(i):before {
  width: 17px;
  height: 17px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -571px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-circle-heart-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-circle-user,
.icon-circle-user:not(i):before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -837px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-circle-user:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-circle-user-min,
.icon-circle-user-min:not(i):before {
  width: 17px;
  height: 17px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -603px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-circle-user-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-clip-hover,
.icon-clip-hover:not(i):before {
  content: "";
  width: 14px;
  height: 16px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -881px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-clip-hover:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-clip-hover-min,
.icon-clip-hover-min:not(i):before {
  width: 10px;
  height: 12px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -634px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-clip-hover-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-clip,
.icon-clip:not(i):before {
  content: "";
  width: 14px;
  height: 16px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -915px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-clip:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-clip-min,
.icon-clip-min:not(i):before {
  width: 10px;
  height: 12px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -659px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-clip-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-close-hover,
.icon-close-hover:not(i):before {
  content: "";
  width: 17px;
  height: 17px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -949px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-close-hover:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-close-hover-min,
.icon-close-hover-min:not(i):before {
  width: 12px;
  height: 12px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -683px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-close-hover-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-close-white,
.icon-close-white:not(i):before {
  content: "";
  width: 17px;
  height: 17px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -986px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-close-white:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-close-white-min,
.icon-close-white-min:not(i):before {
  width: 12px;
  height: 12px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -710px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-close-white-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-close,
.icon-close:not(i):before {
  content: "";
  width: 17px;
  height: 17px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1023px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-close:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-close-min,
.icon-close-min:not(i):before {
  width: 12px;
  height: 12px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -737px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-close-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-cog-hover,
.icon-cog-hover:not(i):before {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1060px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-cog-hover:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-cog-hover-min,
.icon-cog-hover-min:not(i):before {
  width: 10px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -763px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-cog-hover-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-cog-white-hover,
.icon-cog-white-hover:not(i):before {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1094px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-cog-white-hover:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-cog-white-hover-min,
.icon-cog-white-hover-min:not(i):before {
  width: 10px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -788px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-cog-white-hover-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-cog-white,
.icon-cog-white:not(i):before {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1128px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-cog-white:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-cog-white-min,
.icon-cog-white-min:not(i):before {
  width: 10px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -812px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-cog-white-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-cog,
.icon-cog:not(i):before {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1162px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-cog:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-cog-min,
.icon-cog-min:not(i):before {
  width: 10px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -837px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-cog-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-comment-white,
.icon-comment-white:not(i):before {
  content: "";
  width: 13px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1196px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-comment-white:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-comment-white-min,
.icon-comment-white-min:not(i):before {
  width: 9px;
  height: 7px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -861px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-comment-white-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-comment,
.icon-comment:not(i):before {
  content: "";
  width: 16px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1229px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-comment:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-comment-min,
.icon-comment-min:not(i):before {
  width: 12px;
  height: 9px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -885px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-comment-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-construction-off,
.icon-construction-off:not(i):before {
  content: "";
  width: 20px;
  height: 22px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1265px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-construction-off:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-construction-off-min,
.icon-construction-off-min:not(i):before {
  width: 14px;
  height: 16px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -911px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-construction-off-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-construction-on,
.icon-construction-on:not(i):before {
  content: "";
  width: 20px;
  height: 22px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1305px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-construction-on:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-construction-on-min,
.icon-construction-on-min:not(i):before {
  width: 14px;
  height: 16px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -940px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-construction-on-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-edit-white-hover,
.icon-edit-white-hover:not(i):before {
  content: "";
  width: 22px;
  height: 22px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1345px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-edit-white-hover:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-edit-white-hover-min,
.icon-edit-white-hover-min:not(i):before {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -968px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-edit-white-hover-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-edit-white,
.icon-edit-white:not(i):before {
  content: "";
  width: 22px;
  height: 22px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1387px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-edit-white:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-edit-white-min,
.icon-edit-white-min:not(i):before {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -999px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-edit-white-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-file-hover,
.icon-file-hover:not(i):before {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1429px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-file-hover:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-file-hover-min,
.icon-file-hover-min:not(i):before {
  width: 10px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1029px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-file-hover-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-file,
.icon-file:not(i):before {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1463px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-file:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-file-min,
.icon-file-min:not(i):before {
  width: 10px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1053px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-file-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-flag-white-hover,
.icon-flag-white-hover:not(i):before {
  content: "";
  width: 15px;
  height: 12px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1497px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-flag-white-hover:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-flag-white-hover-min,
.icon-flag-white-hover-min:not(i):before {
  width: 11px;
  height: 9px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1078px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-flag-white-hover-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-flag-white,
.icon-flag-white:not(i):before {
  content: "";
  width: 15px;
  height: 12px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1532px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-flag-white:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-flag-white-min,
.icon-flag-white-min:not(i):before {
  width: 11px;
  height: 9px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1103px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-flag-white-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-flash-big,
.icon-flash-big:not(i):before {
  content: "";
  width: 14px;
  height: 26px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1567px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-flash-big:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-flash-big-min,
.icon-flash-big-min:not(i):before {
  width: 10px;
  height: 19px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1128px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-flash-big-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-flash-hover,
.icon-flash-hover:not(i):before {
  content: "";
  width: 11px;
  height: 21px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1601px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-flash-hover:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-flash-hover-min,
.icon-flash-hover-min:not(i):before {
  width: 8px;
  height: 15px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1153px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-flash-hover-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-flash,
.icon-flash:not(i):before {
  content: "";
  width: 11px;
  height: 21px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1632px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-flash:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-flash-min,
.icon-flash-min:not(i):before {
  width: 8px;
  height: 15px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1175px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-flash-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-folder-added,
.icon-folder-added:not(i):before {
  content: "";
  width: 17px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1663px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-folder-added:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-folder-added-min,
.icon-folder-added-min:not(i):before {
  width: 12px;
  height: 9px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1197px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-folder-added-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-folder-heart,
.icon-folder-heart:not(i):before {
  content: "";
  width: 26px;
  height: 21px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1700px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-folder-heart:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-folder-heart-min,
.icon-folder-heart-min:not(i):before {
  width: 19px;
  height: 15px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1224px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-folder-heart-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-folder-hover,
.icon-folder-hover:not(i):before {
  content: "";
  width: 17px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1746px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-folder-hover:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-folder-hover-min,
.icon-folder-hover-min:not(i):before {
  width: 12px;
  height: 9px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1257px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-folder-hover-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-folder-large,
.icon-folder-large:not(i):before {
  content: "";
  width: 22px;
  height: 17px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1783px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-folder-large:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-folder-large-min,
.icon-folder-large-min:not(i):before {
  width: 16px;
  height: 12px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1284px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-folder-large-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-folder,
.icon-folder:not(i):before {
  content: "";
  width: 17px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1825px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-folder:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-folder-min,
.icon-folder-min:not(i):before {
  width: 12px;
  height: 9px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1314px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-folder-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-garbage-hover,
.icon-garbage-hover:not(i):before {
  content: "";
  width: 12px;
  height: 15px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1862px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-garbage-hover:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-garbage-hover-min,
.icon-garbage-hover-min:not(i):before {
  width: 9px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1341px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-garbage-hover-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-garbage,
.icon-garbage:not(i):before {
  content: "";
  width: 12px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1894px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-garbage:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-garbage-min,
.icon-garbage-min:not(i):before {
  width: 9px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1364px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-garbage-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-glob-hover,
.icon-glob-hover:not(i):before {
  content: "";
  width: 16px;
  height: 15px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1926px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-glob-hover:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-glob-hover-min,
.icon-glob-hover-min:not(i):before {
  width: 12px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1387px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-glob-hover-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-glob,
.icon-glob:not(i):before {
  content: "";
  width: 16px;
  height: 15px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1962px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-glob:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-glob-min,
.icon-glob-min:not(i):before {
  width: 12px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1413px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-glob-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-graph-white,
.icon-graph-white:not(i):before {
  content: "";
  width: 14px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1998px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-graph-white:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-graph-white-min,
.icon-graph-white-min:not(i):before {
  width: 10px;
  height: 7px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1439px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-graph-white-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-graph,
.icon-graph:not(i):before {
  content: "";
  width: 14px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2032px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-graph:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-graph-min,
.icon-graph-min:not(i):before {
  width: 10px;
  height: 7px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1463px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-graph-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-heart-hover,
.icon-heart-hover:not(i):before {
  content: "";
  width: 16px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2066px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-heart-hover:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-heart-hover-min,
.icon-heart-hover-min:not(i):before {
  width: 12px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1488px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-heart-hover-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-heart-large,
.icon-heart-large:not(i):before {
  content: "";
  width: 20px;
  height: 18px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2102px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-heart-large:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-heart-large-min,
.icon-heart-large-min:not(i):before {
  width: 14px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1513px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-heart-large-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-heart,
.icon-heart:not(i):before {
  content: "";
  width: 16px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2142px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-heart:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-heart-min,
.icon-heart-min:not(i):before {
  width: 12px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1542px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-heart-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-heart_added,
.icon-heart_added:not(i):before {
  content: "";
  width: 16px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2178px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-heart_added:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-heart_added-min,
.icon-heart_added-min:not(i):before {
  width: 12px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1568px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-heart_added-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-large-layer,
.icon-large-layer:not(i):before {
  content: "";
  width: 25px;
  height: 19px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2214px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-large-layer:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-large-layer-min,
.icon-large-layer-min:not(i):before {
  width: 18px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1594px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-large-layer-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-layer,
.icon-layer:not(i):before {
  content: "";
  width: 25px;
  height: 19px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2259px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-layer:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-layer-min,
.icon-layer-min:not(i):before {
  width: 18px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1626px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-layer-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-lock,
.icon-lock:not(i):before {
  content: "";
  width: 13px;
  height: 16px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2304px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-lock:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-lock-min,
.icon-lock-min:not(i):before {
  width: 9px;
  height: 12px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1659px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-lock-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-new-user,
.icon-new-user:not(i):before {
  content: "";
  width: 22px;
  height: 19px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2337px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-new-user:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-new-user-min,
.icon-new-user-min:not(i):before {
  width: 16px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1683px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-new-user-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-ok-white-active,
.icon-ok-white-active:not(i):before {
  content: "";
  width: 13px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2379px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-ok-white-active:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-ok-white-active-min,
.icon-ok-white-active-min:not(i):before {
  width: 9px;
  height: 7px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1713px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-ok-white-active-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-ok-white-hover,
.icon-ok-white-hover:not(i):before {
  content: "";
  width: 13px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2412px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-ok-white-hover:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-ok-white-hover-min,
.icon-ok-white-hover-min:not(i):before {
  width: 9px;
  height: 7px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1737px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-ok-white-hover-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-ok-white,
.icon-ok-white:not(i):before {
  content: "";
  width: 13px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2445px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-ok-white:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-ok-white-min,
.icon-ok-white-min:not(i):before {
  width: 9px;
  height: 7px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1760px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-ok-white-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-ok,
.icon-ok:not(i):before {
  content: "";
  width: 13px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2478px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-ok:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-ok-min,
.icon-ok-min:not(i):before {
  width: 9px;
  height: 7px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1784px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-ok-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-pencil-hover,
.icon-pencil-hover:not(i):before {
  content: "";
  width: 14px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2511px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-pencil-hover:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-pencil-hover-min,
.icon-pencil-hover-min:not(i):before {
  width: 10px;
  height: 9px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1808px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-pencil-hover-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-pencil,
.icon-pencil:not(i):before {
  content: "";
  width: 14px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2545px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-pencil:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-pencil-min,
.icon-pencil-min:not(i):before {
  width: 10px;
  height: 9px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1832px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-pencil-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-picture-large,
.icon-picture-large:not(i):before {
  content: "";
  width: 27px;
  height: 25px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2579px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-picture-large:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-picture-large-min,
.icon-picture-large-min:not(i):before {
  width: 19px;
  height: 18px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1857px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-picture-large-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-picture-user,
.icon-picture-user:not(i):before {
  content: "";
  width: 25px;
  height: 20px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2626px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-picture-user:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-picture-user-min,
.icon-picture-user-min:not(i):before {
  width: 18px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1891px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-picture-user-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-picture,
.icon-picture:not(i):before {
  content: "";
  width: 22px;
  height: 20px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2671px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-picture:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-picture-min,
.icon-picture-min:not(i):before {
  width: 16px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1923px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-picture-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-play-white,
.icon-play-white:not(i):before {
  content: "";
  width: 104px;
  height: 104px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2713px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-play-white:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-play-white-min,
.icon-play-white-min:not(i):before {
  width: 75px;
  height: 75px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1953px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-play-white-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-plus-hover,
.icon-plus-hover:not(i):before {
  content: "";
  width: 13px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2837px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-plus-hover:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-plus-hover-min,
.icon-plus-hover-min:not(i):before {
  width: 9px;
  height: 9px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -2043px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-plus-hover-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-plus-white-active,
.icon-plus-white-active:not(i):before {
  content: "";
  width: 13px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2870px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-plus-white-active:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-plus-white-active-min,
.icon-plus-white-active-min:not(i):before {
  width: 9px;
  height: 9px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -2066px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-plus-white-active-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-plus-white-hover,
.icon-plus-white-hover:not(i):before {
  content: "";
  width: 13px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2903px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-plus-white-hover:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-plus-white-hover-min,
.icon-plus-white-hover-min:not(i):before {
  width: 9px;
  height: 9px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -2090px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-plus-white-hover-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-plus-white,
.icon-plus-white:not(i):before {
  content: "";
  width: 13px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2936px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-plus-white:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-plus-white-min,
.icon-plus-white-min:not(i):before {
  width: 9px;
  height: 9px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -2114px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-plus-white-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-plus,
.icon-plus:not(i):before {
  content: "";
  width: 13px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2969px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-plus:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-plus-min,
.icon-plus-min:not(i):before {
  width: 9px;
  height: 9px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -2138px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-plus-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-prize,
.icon-prize:not(i):before {
  content: "";
  width: 20px;
  height: 24px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -3002px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-prize:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-prize-min,
.icon-prize-min:not(i):before {
  width: 14px;
  height: 17px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -2161px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-prize-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-question-white-hover,
.icon-question-white-hover:not(i):before {
  content: "";
  width: 8px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -3042px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-question-white-hover:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-question-white-hover-min,
.icon-question-white-hover-min:not(i):before {
  width: 6px;
  height: 8px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -2190px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-question-white-hover-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-question-white,
.icon-question-white:not(i):before {
  content: "";
  width: 8px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -3070px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-question-white:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-question-white-min,
.icon-question-white-min:not(i):before {
  width: 6px;
  height: 8px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -2210px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-question-white-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-ranking,
.icon-ranking:not(i):before {
  content: "";
  width: 22px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -3098px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-ranking:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-ranking-min,
.icon-ranking-min:not(i):before {
  width: 16px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -2231px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-ranking-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-right-white,
.icon-right-white:not(i):before {
  content: "";
  width: 21px;
  height: 21px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -3140px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-right-white:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-right-white-min,
.icon-right-white-min:not(i):before {
  width: 15px;
  height: 15px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -2261px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-right-white-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-search-white,
.icon-search-white:not(i):before {
  content: "";
  width: 96px;
  height: 97px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -3181px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-search-white:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-search-white-min,
.icon-search-white-min:not(i):before {
  width: 69px;
  height: 70px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -2290px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-search-white-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-trash,
.icon-trash:not(i):before {
  content: "";
  width: 12px;
  height: 15px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -3297px 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.icon-trash:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-trash-min,
.icon-trash-min:not(i):before {
  width: 9px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -2374px 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.icon-trash-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 330, sprite/badge/*.png */
.badge-sprite {
  background: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png) no-repeat;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-adventure,
.badge-adventure:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -1400px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-adventure:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-adventure-min,
.badge-adventure-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -1008px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-adventure-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-alexander,
.badge-alexander:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -2000px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-alexander:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-alexander-min,
.badge-alexander-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -1440px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-alexander-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-ambush,
.badge-ambush:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -3100px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-ambush:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-ambush-min,
.badge-ambush-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -2232px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-ambush-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-badge-name,
.badge-badge-name:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -2900px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-badge-name:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-badge-name-min,
.badge-badge-name-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -2088px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-badge-name-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-beginner,
.badge-beginner:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -3600px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-beginner:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-beginner-min,
.badge-beginner-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -2592px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-beginner-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-captain,
.badge-captain:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -300px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-captain:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-captain-min,
.badge-captain-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -216px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-captain-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-celeb,
.badge-celeb:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -2100px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-celeb:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-celeb-min,
.badge-celeb-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -1512px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-celeb-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-challenger,
.badge-challenger:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -1000px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-challenger:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-challenger-min,
.badge-challenger-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -720px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-challenger-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-director,
.badge-director:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -1500px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-director:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-director-min,
.badge-director-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -1080px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-director-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-disk-the-rock,
.badge-disk-the-rock:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -3200px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-disk-the-rock:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-disk-the-rock-min,
.badge-disk-the-rock-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -2304px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-disk-the-rock-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-flashy,
.badge-flashy:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -1600px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-flashy:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-flashy-min,
.badge-flashy-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -1152px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-flashy-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-friendly,
.badge-friendly:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -2700px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-friendly:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-friendly-min,
.badge-friendly-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -1944px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-friendly-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-haiku,
.badge-haiku:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-haiku:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-haiku-min,
.badge-haiku-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-haiku-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-hi-def,
.badge-hi-def:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -2600px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-hi-def:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-hi-def-min,
.badge-hi-def-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -1872px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-hi-def-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-hitmaker,
.badge-hitmaker:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -1800px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-hitmaker:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-hitmaker-min,
.badge-hitmaker-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -1296px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-hitmaker-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-king,
.badge-king:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -500px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-king:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-king-min,
.badge-king-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -360px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-king-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-lazy-man,
.badge-lazy-man:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -2300px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-lazy-man:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-lazy-man-min,
.badge-lazy-man-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -1656px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-lazy-man-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-long-cat,
.badge-long-cat:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -2400px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-long-cat:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-long-cat-min,
.badge-long-cat-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -1728px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-long-cat-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-maestro,
.badge-maestro:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -900px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-maestro:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-maestro-min,
.badge-maestro-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -648px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-maestro-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-money-shot,
.badge-money-shot:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -3000px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-money-shot:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-money-shot-min,
.badge-money-shot-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -2160px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-money-shot-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-mulsh-talent,
.badge-mulsh-talent:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -3300px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-mulsh-talent:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-mulsh-talent-min,
.badge-mulsh-talent-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -2376px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-mulsh-talent-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-peacock,
.badge-peacock:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -200px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-peacock:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-peacock-min,
.badge-peacock-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -144px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-peacock-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-personality,
.badge-personality:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -100px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-personality:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-personality-min,
.badge-personality-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -72px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-personality-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-philanthropist,
.badge-philanthropist:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -3400px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-philanthropist:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-philanthropist-min,
.badge-philanthropist-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -2448px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-philanthropist-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-phoenix-rising,
.badge-phoenix-rising:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -3500px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-phoenix-rising:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-phoenix-rising-min,
.badge-phoenix-rising-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -2520px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-phoenix-rising-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-pirate,
.badge-pirate:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -1100px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-pirate:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-pirate-min,
.badge-pirate-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -792px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-pirate-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-poemer,
.badge-poemer:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -1700px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-poemer:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-poemer-min,
.badge-poemer-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -1224px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-poemer-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-ruler,
.badge-ruler:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -800px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-ruler:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-ruler-min,
.badge-ruler-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -576px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-ruler-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-sailor,
.badge-sailor:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -2500px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-sailor:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-sailor-min,
.badge-sailor-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -1800px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-sailor-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-sergeant,
.badge-sergeant:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -600px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-sergeant:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-sergeant-min,
.badge-sergeant-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -432px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-sergeant-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-solidier,
.badge-solidier:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -2200px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-solidier:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-solidier-min,
.badge-solidier-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -1584px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-solidier-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-superstar,
.badge-superstar:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -700px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-superstar:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-superstar-min,
.badge-superstar-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -504px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-superstar-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-talent,
.badge-talent:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -2800px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-talent:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-talent-min,
.badge-talent-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -2016px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-talent-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-treasure-hunter,
.badge-treasure-hunter:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -1900px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-treasure-hunter:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-treasure-hunter-min,
.badge-treasure-hunter-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -1368px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-treasure-hunter-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-unprincipled,
.badge-unprincipled:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -400px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-unprincipled:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-unprincipled-min,
.badge-unprincipled-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -288px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-unprincipled-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-wimbledon,
.badge-wimbledon:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -1200px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-wimbledon:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-wimbledon-min,
.badge-wimbledon-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -864px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-wimbledon-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-winner,
.badge-winner:not(i):before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 0 -1300px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.badge-winner:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.badge-winner-min,
.badge-winner-min:not(i):before {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/badge-s953bf98c49-97a45eefde291abb7f28d5b951ba554e.png);
  background-repeat: no-repeat;
  background-size: 72px auto;
  background-position: 0 -936px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.badge-winner-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 74, sprite/ranking/*.png */
.ranking-sprite {
  background: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/ranking-s558033007f-5ca9f04ba413c72f5851ec1c5a6742f9.png) no-repeat;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.ranking-black,
.ranking-black:not(i):before {
  content: "";
  width: 50px;
  height: 50px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/ranking-s558033007f-5ca9f04ba413c72f5851ec1c5a6742f9.png);
  background-repeat: no-repeat;
  background-size: 50px auto;
  background-position: 0 -210px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.ranking-black:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.ranking-black-min,
.ranking-black-min:not(i):before {
  width: 36px;
  height: 36px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/ranking-s558033007f-5ca9f04ba413c72f5851ec1c5a6742f9.png);
  background-repeat: no-repeat;
  background-size: 36px auto;
  background-position: 0 -151px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.ranking-black-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.ranking-bronze,
.ranking-bronze:not(i):before {
  content: "";
  width: 50px;
  height: 50px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/ranking-s558033007f-5ca9f04ba413c72f5851ec1c5a6742f9.png);
  background-repeat: no-repeat;
  background-size: 50px auto;
  background-position: 0 -140px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.ranking-bronze:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.ranking-bronze-min,
.ranking-bronze-min:not(i):before {
  width: 36px;
  height: 36px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/ranking-s558033007f-5ca9f04ba413c72f5851ec1c5a6742f9.png);
  background-repeat: no-repeat;
  background-size: 36px auto;
  background-position: 0 -101px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.ranking-bronze-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.ranking-gold,
.ranking-gold:not(i):before {
  content: "";
  width: 50px;
  height: 50px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/ranking-s558033007f-5ca9f04ba413c72f5851ec1c5a6742f9.png);
  background-repeat: no-repeat;
  background-size: 50px auto;
  background-position: 0 0;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.ranking-gold:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.ranking-gold-min,
.ranking-gold-min:not(i):before {
  width: 36px;
  height: 36px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/ranking-s558033007f-5ca9f04ba413c72f5851ec1c5a6742f9.png);
  background-repeat: no-repeat;
  background-size: 36px auto;
  background-position: 0 0;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.ranking-gold-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.ranking-green,
.ranking-green:not(i):before {
  content: "";
  width: 50px;
  height: 50px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/ranking-s558033007f-5ca9f04ba413c72f5851ec1c5a6742f9.png);
  background-repeat: no-repeat;
  background-size: 50px auto;
  background-position: 0 -280px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.ranking-green:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.ranking-green-min,
.ranking-green-min:not(i):before {
  width: 36px;
  height: 36px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/ranking-s558033007f-5ca9f04ba413c72f5851ec1c5a6742f9.png);
  background-repeat: no-repeat;
  background-size: 36px auto;
  background-position: 0 -202px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.ranking-green-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 49, ../../app/assets/stylesheets/sprite.css.scss */
i.ranking-silver,
.ranking-silver:not(i):before {
  content: "";
  width: 50px;
  height: 50px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/ranking-s558033007f-5ca9f04ba413c72f5851ec1c5a6742f9.png);
  background-repeat: no-repeat;
  background-size: 50px auto;
  background-position: 0 -70px;
}

/* line 53, ../../app/assets/stylesheets/sprite.css.scss */
.ranking-silver:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 61, ../../app/assets/stylesheets/sprite.css.scss */
i.ranking-silver-min,
.ranking-silver-min:not(i):before {
  width: 36px;
  height: 36px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/ranking-s558033007f-5ca9f04ba413c72f5851ec1c5a6742f9.png);
  background-repeat: no-repeat;
  background-size: 36px auto;
  background-position: 0 -50px;
}

/* line 64, ../../app/assets/stylesheets/sprite.css.scss */
.ranking-silver-min:not(i):before {
  margin-right: 4px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

/* line 97, ../../app/assets/stylesheets/sprite.css.scss */
i {
  margin: 0;
  padding: 0;
  display: inline-block;
}

/* line 107, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-plus,
a.icon-plus:hover:before,
.uiAddCollection:hover a.icon-plus:before {
  width: 13px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2837px 0;
}

/* line 112, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-plus-min,
a.icon-plus-min:hover:before,
.uiAddCollection:hover a.icon-plus-min:before {
  width: 9px;
  height: 9px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -2043px 0;
}

/* line 107, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-plus-white,
a.icon-plus-white:hover:before,
.uiAddCollection:hover a.icon-plus-white:before {
  width: 13px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2903px 0;
}

/* line 112, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-plus-white-min,
a.icon-plus-white-min:hover:before,
.uiAddCollection:hover a.icon-plus-white-min:before {
  width: 9px;
  height: 9px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -2090px 0;
}

/* line 107, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-flash,
a.icon-flash:hover:before,
.uiAddCollection:hover a.icon-flash:before {
  width: 11px;
  height: 21px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1601px 0;
}

/* line 112, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-flash-min,
a.icon-flash-min:hover:before,
.uiAddCollection:hover a.icon-flash-min:before {
  width: 8px;
  height: 15px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1153px 0;
}

/* line 107, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-edit-white,
a.icon-edit-white:hover:before,
.uiAddCollection:hover a.icon-edit-white:before {
  width: 22px;
  height: 22px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1345px 0;
}

/* line 112, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-edit-white-min,
a.icon-edit-white-min:hover:before,
.uiAddCollection:hover a.icon-edit-white-min:before {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -968px 0;
}

/* line 107, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-glob,
a.icon-glob:hover:before,
.uiAddCollection:hover a.icon-glob:before {
  width: 16px;
  height: 15px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1926px 0;
}

/* line 112, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-glob-min,
a.icon-glob-min:hover:before,
.uiAddCollection:hover a.icon-glob-min:before {
  width: 12px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1387px 0;
}

/* line 107, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-chevron-down,
a.icon-chevron-down:hover:before,
.uiAddCollection:hover a.icon-chevron-down:before {
  width: 11px;
  height: 7px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -508px 0;
}

/* line 112, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-chevron-down-min,
a.icon-chevron-down-min:hover:before,
.uiAddCollection:hover a.icon-chevron-down-min:before {
  width: 8px;
  height: 5px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -366px 0;
}

/* line 107, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-garbage,
a.icon-garbage:hover:before,
.uiAddCollection:hover a.icon-garbage:before {
  width: 12px;
  height: 15px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1862px 0;
}

/* line 112, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-garbage-min,
a.icon-garbage-min:hover:before,
.uiAddCollection:hover a.icon-garbage-min:before {
  width: 9px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1341px 0;
}

/* line 107, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-chevron-right,
a.icon-chevron-right:hover:before,
.uiAddCollection:hover a.icon-chevron-right:before {
  width: 7px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -624px 0;
}

/* line 112, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-chevron-right-min,
a.icon-chevron-right-min:hover:before,
.uiAddCollection:hover a.icon-chevron-right-min:before {
  width: 5px;
  height: 8px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -449px 0;
}

/* line 107, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-file,
a.icon-file:hover:before,
.uiAddCollection:hover a.icon-file:before {
  width: 14px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1429px 0;
}

/* line 112, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-file-min,
a.icon-file-min:hover:before,
.uiAddCollection:hover a.icon-file-min:before {
  width: 10px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1029px 0;
}

/* line 107, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-pencil,
a.icon-pencil:hover:before,
.uiAddCollection:hover a.icon-pencil:before {
  width: 14px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2511px 0;
}

/* line 112, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-pencil-min,
a.icon-pencil-min:hover:before,
.uiAddCollection:hover a.icon-pencil-min:before {
  width: 10px;
  height: 9px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1808px 0;
}

/* line 107, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-block,
a.icon-block:hover:before,
.uiAddCollection:hover a.icon-block:before {
  width: 14px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -136px 0;
}

/* line 112, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-block-min,
a.icon-block-min:hover:before,
.uiAddCollection:hover a.icon-block-min:before {
  width: 10px;
  height: 8px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -98px 0;
}

/* line 107, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-folder,
a.icon-folder:hover:before,
.uiAddCollection:hover a.icon-folder:before {
  width: 17px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1746px 0;
}

/* line 112, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-folder-min,
a.icon-folder-min:hover:before,
.uiAddCollection:hover a.icon-folder-min:before {
  width: 12px;
  height: 9px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1257px 0;
}

/* line 107, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-balloon,
a.icon-balloon:hover:before,
.uiAddCollection:hover a.icon-balloon:before {
  width: 13px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: 0 0;
}

/* line 112, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-balloon-min,
a.icon-balloon-min:hover:before,
.uiAddCollection:hover a.icon-balloon-min:before {
  width: 9px;
  height: 7px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: 0 0;
}

/* line 107, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-clip,
a.icon-clip:hover:before,
.uiAddCollection:hover a.icon-clip:before {
  width: 14px;
  height: 16px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -881px 0;
}

/* line 112, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-clip-min,
a.icon-clip-min:hover:before,
.uiAddCollection:hover a.icon-clip-min:before {
  width: 10px;
  height: 12px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -634px 0;
}

/* line 107, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-ok-white,
a.icon-ok-white:hover:before,
.uiAddCollection:hover a.icon-ok-white:before {
  width: 13px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2412px 0;
}

/* line 112, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-ok-white-min,
a.icon-ok-white-min:hover:before,
.uiAddCollection:hover a.icon-ok-white-min:before {
  width: 9px;
  height: 7px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1737px 0;
}

/* line 107, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-bricks,
a.icon-bricks:hover:before,
.uiAddCollection:hover a.icon-bricks:before {
  width: 14px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -371px 0;
}

/* line 112, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-bricks-min,
a.icon-bricks-min:hover:before,
.uiAddCollection:hover a.icon-bricks-min:before {
  width: 10px;
  height: 8px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -267px 0;
}

/* line 107, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-question-white,
a.icon-question-white:hover:before,
.uiAddCollection:hover a.icon-question-white:before {
  width: 8px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -3042px 0;
}

/* line 112, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-question-white-min,
a.icon-question-white-min:hover:before,
.uiAddCollection:hover a.icon-question-white-min:before {
  width: 6px;
  height: 8px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -2190px 0;
}

/* line 107, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-cog-white,
a.icon-cog-white:hover:before,
.uiAddCollection:hover a.icon-cog-white:before {
  width: 14px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1094px 0;
}

/* line 112, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-cog-white-min,
a.icon-cog-white-min:hover:before,
.uiAddCollection:hover a.icon-cog-white-min:before {
  width: 10px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -788px 0;
}

/* line 107, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-chevron-left,
a.icon-chevron-left:hover:before,
.uiAddCollection:hover a.icon-chevron-left:before {
  width: 7px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -570px 0;
}

/* line 112, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-chevron-left-min,
a.icon-chevron-left-min:hover:before,
.uiAddCollection:hover a.icon-chevron-left-min:before {
  width: 5px;
  height: 8px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -410px 0;
}

/* line 107, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-cog,
a.icon-cog:hover:before,
.uiAddCollection:hover a.icon-cog:before {
  width: 14px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1060px 0;
}

/* line 112, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-cog-min,
a.icon-cog-min:hover:before,
.uiAddCollection:hover a.icon-cog-min:before {
  width: 10px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -763px 0;
}

/* line 107, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-flag-white,
a.icon-flag-white:hover:before,
.uiAddCollection:hover a.icon-flag-white:before {
  width: 15px;
  height: 12px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1497px 0;
}

/* line 112, ../../app/assets/stylesheets/sprite.css.scss */
a:hover .icon-flag-white-min,
a.icon-flag-white-min:hover:before,
.uiAddCollection:hover a.icon-flag-white-min:before {
  width: 11px;
  height: 9px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1078px 0;
}

/* line 118, ../../app/assets/stylesheets/sprite.css.scss */
i.icon-heart-w11 {
  width: 11px;
  height: 12px;
  width: 11px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2289px auto;
  background-position: -1473px 0;
}

/* line 126, ../../app/assets/stylesheets/sprite.css.scss */
.icon-heart-min.liked:before, .icon-heart-min.liked:hover:before {
  width: 12px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2397px auto;
  background-position: -1568px 0;
}

/* line 133, ../../app/assets/stylesheets/sprite.css.scss */
.icons-sample p {
  margin: 20px;
}
/* line 135, ../../app/assets/stylesheets/sprite.css.scss */
.icons-sample p i {
  margin-right: 5px;
}
/* line 139, ../../app/assets/stylesheets/sprite.css.scss */
.icons-sample .hoge {
  padding: 5px;
}
/* line 143, ../../app/assets/stylesheets/sprite.css.scss */
.icons-sample .fuga {
  width: 30px;
  height: 30px;
  padding: 5px;
  text-indent: -9999px;
  width: 17px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1820px 5px;
}
/* line 151, ../../app/assets/stylesheets/sprite.css.scss */
.icons-sample .moge {
  width: 50px;
  height: 50px;
  padding: 5px;
  text-indent: -9999px;
  width: 42px;
  height: 42px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 1332px auto;
  background-position: -1083px 2px;
  background-color: rgba(0, 0, 0, 0.8);
}

/* line 97, ../../app/assets/stylesheets/mixin.css.scss */
.sunken-box {
  background-color: #E1E1D9;
  border-top: 2px solid #B4B4AE;
  text-align: center;
  padding: 50px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
/* line 92, ../../app/assets/stylesheets/mixin.css.scss */
.sunken-box > p {
  padding: 10px 0;
}

/* line 277, ../../app/assets/stylesheets/mixin.css.scss */
.sectionContainer h3 {
  font-size: 14px;
  display: block;
  line-height: 34px;
  vertical-align: middle;
}
/* line 282, ../../app/assets/stylesheets/mixin.css.scss */
.sectionContainer h3 .num {
  margin-right: 5px;
  display: inline;
  line-height: 18px;
}
/* line 287, ../../app/assets/stylesheets/mixin.css.scss */
.sectionContainer h3 .more {
  padding: 0 30px;
  display: inline-block;
  float: right;
  color: #89897b;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
}
/* line 295, ../../app/assets/stylesheets/mixin.css.scss */
.sectionContainer h3 .more:after {
  content: "";
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 8px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2378px auto;
  background-position: -484px 0;
}
/* line 302, ../../app/assets/stylesheets/mixin.css.scss */
.sectionContainer h3 .more:hover {
  text-decoration: none;
}
/* line 307, ../../app/assets/stylesheets/mixin.css.scss */
.sectionContainer h3[class^="icon"]:before,
.sectionContainer h3 [class^="icon"]:before {
  margin-right: 10px;
  vertical-align: middle;
}
/* line 312, ../../app/assets/stylesheets/mixin.css.scss */
.sectionContainer:hover h3 .more {
  background-color: #F5F5F2;
  cursor: pointer;
}
/* line 316, ../../app/assets/stylesheets/mixin.css.scss */
.sectionContainer h3 .more:hover {
  color: #4a4a3b;
}

/* line 321, ../../app/assets/stylesheets/mixin.css.scss */
.iconUser {
  display: inline-block;
  color: #a1a130;
}
/* line 324, ../../app/assets/stylesheets/mixin.css.scss */
.iconUser > * {
  vertical-align: middle;
}
/* line 327, ../../app/assets/stylesheets/mixin.css.scss */
.iconUser .avatar {
  display: inline-block;
}
/* line 330, ../../app/assets/stylesheets/mixin.css.scss */
.iconUser .name {
  margin-left: 10px;
  display: inline-block;
}

/*  Colored Button
-----------------------------------------------*/
/* line 138, ../../app/assets/stylesheets/buttons.css.scss */
.btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 15px 20px;
  border: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: #89897b;
  background-color: #f6f6f0;
  outline: none;
  cursor: pointer;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.2);
}
/* line 17, ../../app/assets/stylesheets/mixin.css.scss */
.btn:before {
  content: '';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  height: 100%;
  vertical-align: middle;
}
/* line 23, ../../app/assets/stylesheets/mixin.css.scss */
.btn > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 57, ../../app/assets/stylesheets/buttons.css.scss */
.btn:hover, .btn.hover {
  color: #4a4a3b;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
}
/* line 73, ../../app/assets/stylesheets/buttons.css.scss */
.btn:active, .btn.disable, .btn.current {
  color: #89897b;
  background-color: #e1e0d9;
  -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
}

/* line 142, ../../app/assets/stylesheets/buttons.css.scss */
.btn.green {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: white;
  background-color: #a1a225;
  outline: none;
  cursor: pointer;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
}
/* line 17, ../../app/assets/stylesheets/mixin.css.scss */
.btn.green:before {
  content: '';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  height: 100%;
  vertical-align: middle;
}
/* line 23, ../../app/assets/stylesheets/mixin.css.scss */
.btn.green > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 57, ../../app/assets/stylesheets/buttons.css.scss */
.btn.green:hover, .btn.green.hover {
  color: white;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
}
/* line 73, ../../app/assets/stylesheets/buttons.css.scss */
.btn.green:active, .btn.green.disable, .btn.green.current {
  color: rgba(255, 255, 255, 0.5);
  background-color: #736e28;
  -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3);
}

/* line 146, ../../app/assets/stylesheets/buttons.css.scss */
.btn.red {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: white;
  background-color: #bc3a35;
  outline: none;
  cursor: pointer;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
}
/* line 17, ../../app/assets/stylesheets/mixin.css.scss */
.btn.red:before {
  content: '';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  height: 100%;
  vertical-align: middle;
}
/* line 23, ../../app/assets/stylesheets/mixin.css.scss */
.btn.red > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 57, ../../app/assets/stylesheets/buttons.css.scss */
.btn.red:hover, .btn.red.hover {
  color: white;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
}
/* line 73, ../../app/assets/stylesheets/buttons.css.scss */
.btn.red:active, .btn.red.disable, .btn.red.current {
  color: rgba(255, 255, 255, 0.5);
  background-color: #79322c;
  -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3);
}

/* line 150, ../../app/assets/stylesheets/buttons.css.scss */
.btn.orange {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: white;
  background-color: #ec8a49;
  outline: none;
  cursor: pointer;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
}
/* line 17, ../../app/assets/stylesheets/mixin.css.scss */
.btn.orange:before {
  content: '';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  height: 100%;
  vertical-align: middle;
}
/* line 23, ../../app/assets/stylesheets/mixin.css.scss */
.btn.orange > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 57, ../../app/assets/stylesheets/buttons.css.scss */
.btn.orange:hover, .btn.orange.hover {
  color: white;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
}
/* line 73, ../../app/assets/stylesheets/buttons.css.scss */
.btn.orange:active, .btn.orange.disable, .btn.orange.current {
  color: rgba(255, 255, 255, 0.5);
  background-color: #a66133;
  -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3);
}

/* line 154, ../../app/assets/stylesheets/buttons.css.scss */
.btn.facebook {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: white;
  background-color: #3f5f95;
  outline: none;
  cursor: pointer;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  font-weight: 700;
}
/* line 17, ../../app/assets/stylesheets/mixin.css.scss */
.btn.facebook:before {
  content: '';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  height: 100%;
  vertical-align: middle;
}
/* line 23, ../../app/assets/stylesheets/mixin.css.scss */
.btn.facebook > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 57, ../../app/assets/stylesheets/buttons.css.scss */
.btn.facebook:hover, .btn.facebook.hover {
  color: white;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
}
/* line 73, ../../app/assets/stylesheets/buttons.css.scss */
.btn.facebook:active, .btn.facebook.disable, .btn.facebook.current {
  color: rgba(255, 255, 255, 0.5);
  background-color: #304871;
  -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3);
}

/* line 158, ../../app/assets/stylesheets/buttons.css.scss */
.btn.twitter {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: white;
  background-color: #68acdd;
  outline: none;
  cursor: pointer;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  font-weight: 700;
}
/* line 17, ../../app/assets/stylesheets/mixin.css.scss */
.btn.twitter:before {
  content: '';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  height: 100%;
  vertical-align: middle;
}
/* line 23, ../../app/assets/stylesheets/mixin.css.scss */
.btn.twitter > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 57, ../../app/assets/stylesheets/buttons.css.scss */
.btn.twitter:hover, .btn.twitter.hover {
  color: white;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
}
/* line 73, ../../app/assets/stylesheets/buttons.css.scss */
.btn.twitter:active, .btn.twitter.disable, .btn.twitter.current {
  color: rgba(255, 255, 255, 0.5);
  background-color: #3e95d4;
  -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3);
}

/* line 162, ../../app/assets/stylesheets/buttons.css.scss */
.btn.moreworks {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: white;
  background-color: #83c0c9;
  outline: none;
  cursor: pointer;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  font-weight: 700;
}
/* line 17, ../../app/assets/stylesheets/mixin.css.scss */
.btn.moreworks:before {
  content: '';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  height: 100%;
  vertical-align: middle;
}
/* line 23, ../../app/assets/stylesheets/mixin.css.scss */
.btn.moreworks > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 57, ../../app/assets/stylesheets/buttons.css.scss */
.btn.moreworks:hover, .btn.moreworks.hover {
  color: white;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
}
/* line 73, ../../app/assets/stylesheets/buttons.css.scss */
.btn.moreworks:active, .btn.moreworks.disable, .btn.moreworks.current {
  color: rgba(255, 255, 255, 0.5);
  background-color: #5faeba;
  -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3);
}

/* line 167, ../../app/assets/stylesheets/buttons.css.scss */
.uiAddCollection:hover .btn {
  color: white;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
}

/* line 172, ../../app/assets/stylesheets/buttons.css.scss */
input[type="submit"].btn,
button.btn {
  font-family: 'Lato','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif !important;
  font-weight: 500 !important;
}

/* line 179, ../../app/assets/stylesheets/buttons.css.scss */
.btn.plus {
  line-height: 16px;
  height: 16px;
}
/* line 182, ../../app/assets/stylesheets/buttons.css.scss */
.btn.plus::before {
  content: "";
  width: 13px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2969px 0;
  margin-right: 5px;
}

/* line 191, ../../app/assets/stylesheets/buttons.css.scss */
.btn.plus:hover::before,
.uiAddCollection:hover .btn.plus::before {
  content: "";
  width: 13px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2837px 0;
}

/* line 179, ../../app/assets/stylesheets/buttons.css.scss */
.btn.plus-white {
  line-height: 16px;
  height: 16px;
}
/* line 182, ../../app/assets/stylesheets/buttons.css.scss */
.btn.plus-white::before {
  content: "";
  width: 13px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2936px 0;
  margin-right: 5px;
}

/* line 191, ../../app/assets/stylesheets/buttons.css.scss */
.btn.plus-white:hover::before,
.uiAddCollection:hover .btn.plus-white::before {
  content: "";
  width: 13px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2903px 0;
}

/* line 179, ../../app/assets/stylesheets/buttons.css.scss */
.btn.flash {
  line-height: 16px;
  height: 16px;
}
/* line 182, ../../app/assets/stylesheets/buttons.css.scss */
.btn.flash::before {
  content: "";
  width: 11px;
  height: 21px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1632px 0;
  margin-right: 5px;
}

/* line 191, ../../app/assets/stylesheets/buttons.css.scss */
.btn.flash:hover::before,
.uiAddCollection:hover .btn.flash::before {
  content: "";
  width: 11px;
  height: 21px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1601px 0;
}

/* line 179, ../../app/assets/stylesheets/buttons.css.scss */
.btn.edit-white {
  line-height: 16px;
  height: 16px;
}
/* line 182, ../../app/assets/stylesheets/buttons.css.scss */
.btn.edit-white::before {
  content: "";
  width: 22px;
  height: 22px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1387px 0;
  margin-right: 5px;
}

/* line 191, ../../app/assets/stylesheets/buttons.css.scss */
.btn.edit-white:hover::before,
.uiAddCollection:hover .btn.edit-white::before {
  content: "";
  width: 22px;
  height: 22px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1345px 0;
}

/* line 179, ../../app/assets/stylesheets/buttons.css.scss */
.btn.glob {
  line-height: 16px;
  height: 16px;
}
/* line 182, ../../app/assets/stylesheets/buttons.css.scss */
.btn.glob::before {
  content: "";
  width: 16px;
  height: 15px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1962px 0;
  margin-right: 5px;
}

/* line 191, ../../app/assets/stylesheets/buttons.css.scss */
.btn.glob:hover::before,
.uiAddCollection:hover .btn.glob::before {
  content: "";
  width: 16px;
  height: 15px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1926px 0;
}

/* line 179, ../../app/assets/stylesheets/buttons.css.scss */
.btn.chevron-down {
  line-height: 16px;
  height: 16px;
}
/* line 182, ../../app/assets/stylesheets/buttons.css.scss */
.btn.chevron-down::before {
  content: "";
  width: 11px;
  height: 7px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -539px 0;
  margin-right: 5px;
}

/* line 191, ../../app/assets/stylesheets/buttons.css.scss */
.btn.chevron-down:hover::before,
.uiAddCollection:hover .btn.chevron-down::before {
  content: "";
  width: 11px;
  height: 7px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -508px 0;
}

/* line 179, ../../app/assets/stylesheets/buttons.css.scss */
.btn.garbage {
  line-height: 16px;
  height: 16px;
}
/* line 182, ../../app/assets/stylesheets/buttons.css.scss */
.btn.garbage::before {
  content: "";
  width: 12px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1894px 0;
  margin-right: 5px;
}

/* line 191, ../../app/assets/stylesheets/buttons.css.scss */
.btn.garbage:hover::before,
.uiAddCollection:hover .btn.garbage::before {
  content: "";
  width: 12px;
  height: 15px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1862px 0;
}

/* line 179, ../../app/assets/stylesheets/buttons.css.scss */
.btn.chevron-right {
  line-height: 16px;
  height: 16px;
}
/* line 182, ../../app/assets/stylesheets/buttons.css.scss */
.btn.chevron-right::before {
  content: "";
  width: 7px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -678px 0;
  margin-right: 5px;
}

/* line 191, ../../app/assets/stylesheets/buttons.css.scss */
.btn.chevron-right:hover::before,
.uiAddCollection:hover .btn.chevron-right::before {
  content: "";
  width: 7px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -624px 0;
}

/* line 179, ../../app/assets/stylesheets/buttons.css.scss */
.btn.file {
  line-height: 16px;
  height: 16px;
}
/* line 182, ../../app/assets/stylesheets/buttons.css.scss */
.btn.file::before {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1463px 0;
  margin-right: 5px;
}

/* line 191, ../../app/assets/stylesheets/buttons.css.scss */
.btn.file:hover::before,
.uiAddCollection:hover .btn.file::before {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1429px 0;
}

/* line 179, ../../app/assets/stylesheets/buttons.css.scss */
.btn.pencil {
  line-height: 16px;
  height: 16px;
}
/* line 182, ../../app/assets/stylesheets/buttons.css.scss */
.btn.pencil::before {
  content: "";
  width: 14px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2545px 0;
  margin-right: 5px;
}

/* line 191, ../../app/assets/stylesheets/buttons.css.scss */
.btn.pencil:hover::before,
.uiAddCollection:hover .btn.pencil::before {
  content: "";
  width: 14px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2511px 0;
}

/* line 179, ../../app/assets/stylesheets/buttons.css.scss */
.btn.block {
  line-height: 16px;
  height: 16px;
}
/* line 182, ../../app/assets/stylesheets/buttons.css.scss */
.btn.block::before {
  content: "";
  width: 14px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -170px 0;
  margin-right: 5px;
}

/* line 191, ../../app/assets/stylesheets/buttons.css.scss */
.btn.block:hover::before,
.uiAddCollection:hover .btn.block::before {
  content: "";
  width: 14px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -136px 0;
}

/* line 179, ../../app/assets/stylesheets/buttons.css.scss */
.btn.folder {
  line-height: 16px;
  height: 16px;
}
/* line 182, ../../app/assets/stylesheets/buttons.css.scss */
.btn.folder::before {
  content: "";
  width: 17px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1825px 0;
  margin-right: 5px;
}

/* line 191, ../../app/assets/stylesheets/buttons.css.scss */
.btn.folder:hover::before,
.uiAddCollection:hover .btn.folder::before {
  content: "";
  width: 17px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1746px 0;
}

/* line 179, ../../app/assets/stylesheets/buttons.css.scss */
.btn.balloon {
  line-height: 16px;
  height: 16px;
}
/* line 182, ../../app/assets/stylesheets/buttons.css.scss */
.btn.balloon::before {
  content: "";
  width: 13px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -33px 0;
  margin-right: 5px;
}

/* line 191, ../../app/assets/stylesheets/buttons.css.scss */
.btn.balloon:hover::before,
.uiAddCollection:hover .btn.balloon::before {
  content: "";
  width: 13px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: 0 0;
}

/* line 179, ../../app/assets/stylesheets/buttons.css.scss */
.btn.clip {
  line-height: 16px;
  height: 16px;
}
/* line 182, ../../app/assets/stylesheets/buttons.css.scss */
.btn.clip::before {
  content: "";
  width: 14px;
  height: 16px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -915px 0;
  margin-right: 5px;
}

/* line 191, ../../app/assets/stylesheets/buttons.css.scss */
.btn.clip:hover::before,
.uiAddCollection:hover .btn.clip::before {
  content: "";
  width: 14px;
  height: 16px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -881px 0;
}

/* line 179, ../../app/assets/stylesheets/buttons.css.scss */
.btn.ok-white {
  line-height: 16px;
  height: 16px;
}
/* line 182, ../../app/assets/stylesheets/buttons.css.scss */
.btn.ok-white::before {
  content: "";
  width: 13px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2445px 0;
  margin-right: 5px;
}

/* line 191, ../../app/assets/stylesheets/buttons.css.scss */
.btn.ok-white:hover::before,
.uiAddCollection:hover .btn.ok-white::before {
  content: "";
  width: 13px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2412px 0;
}

/* line 179, ../../app/assets/stylesheets/buttons.css.scss */
.btn.bricks {
  line-height: 16px;
  height: 16px;
}
/* line 182, ../../app/assets/stylesheets/buttons.css.scss */
.btn.bricks::before {
  content: "";
  width: 14px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -405px 0;
  margin-right: 5px;
}

/* line 191, ../../app/assets/stylesheets/buttons.css.scss */
.btn.bricks:hover::before,
.uiAddCollection:hover .btn.bricks::before {
  content: "";
  width: 14px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -371px 0;
}

/* line 179, ../../app/assets/stylesheets/buttons.css.scss */
.btn.question-white {
  line-height: 16px;
  height: 16px;
}
/* line 182, ../../app/assets/stylesheets/buttons.css.scss */
.btn.question-white::before {
  content: "";
  width: 8px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -3070px 0;
  margin-right: 5px;
}

/* line 191, ../../app/assets/stylesheets/buttons.css.scss */
.btn.question-white:hover::before,
.uiAddCollection:hover .btn.question-white::before {
  content: "";
  width: 8px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -3042px 0;
}

/* line 179, ../../app/assets/stylesheets/buttons.css.scss */
.btn.cog-white {
  line-height: 16px;
  height: 16px;
}
/* line 182, ../../app/assets/stylesheets/buttons.css.scss */
.btn.cog-white::before {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1128px 0;
  margin-right: 5px;
}

/* line 191, ../../app/assets/stylesheets/buttons.css.scss */
.btn.cog-white:hover::before,
.uiAddCollection:hover .btn.cog-white::before {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1094px 0;
}

/* line 179, ../../app/assets/stylesheets/buttons.css.scss */
.btn.chevron-left {
  line-height: 16px;
  height: 16px;
}
/* line 182, ../../app/assets/stylesheets/buttons.css.scss */
.btn.chevron-left::before {
  content: "";
  width: 7px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -597px 0;
  margin-right: 5px;
}

/* line 191, ../../app/assets/stylesheets/buttons.css.scss */
.btn.chevron-left:hover::before,
.uiAddCollection:hover .btn.chevron-left::before {
  content: "";
  width: 7px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -570px 0;
}

/* line 179, ../../app/assets/stylesheets/buttons.css.scss */
.btn.cog {
  line-height: 16px;
  height: 16px;
}
/* line 182, ../../app/assets/stylesheets/buttons.css.scss */
.btn.cog::before {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1162px 0;
  margin-right: 5px;
}

/* line 191, ../../app/assets/stylesheets/buttons.css.scss */
.btn.cog:hover::before,
.uiAddCollection:hover .btn.cog::before {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1060px 0;
}

/* line 179, ../../app/assets/stylesheets/buttons.css.scss */
.btn.flag-white {
  line-height: 16px;
  height: 16px;
}
/* line 182, ../../app/assets/stylesheets/buttons.css.scss */
.btn.flag-white::before {
  content: "";
  width: 15px;
  height: 12px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1532px 0;
  margin-right: 5px;
}

/* line 191, ../../app/assets/stylesheets/buttons.css.scss */
.btn.flag-white:hover::before,
.uiAddCollection:hover .btn.flag-white::before {
  content: "";
  width: 15px;
  height: 12px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -1497px 0;
}

/* line 198, ../../app/assets/stylesheets/buttons.css.scss */
.btn-add {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 3px 6px 8px 5px;
  border: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: white;
  background-color: #a39c39;
  outline: none;
  cursor: pointer;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  height: 10px;
  width: 10px;
}
/* line 17, ../../app/assets/stylesheets/mixin.css.scss */
.btn-add:before {
  content: '';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  height: 100%;
  vertical-align: middle;
}
/* line 23, ../../app/assets/stylesheets/mixin.css.scss */
.btn-add > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 57, ../../app/assets/stylesheets/buttons.css.scss */
.btn-add:hover, .btn-add.hover {
  color: white;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
}
/* line 73, ../../app/assets/stylesheets/buttons.css.scss */
.btn-add:active, .btn-add.disable, .btn-add.current {
  color: rgba(255, 255, 255, 0.5);
  background-color: #736e28;
  -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3);
}
/* line 206, ../../app/assets/stylesheets/buttons.css.scss */
.btn-add:before {
  width: 10px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2561px auto;
  background-position: -2258px 0;
}
/* line 32, ../../app/assets/stylesheets/sprite.css.scss */
.btn-add:before:hover, .btn-add:before.hover {
  width: 10px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2561px auto;
  background-position: -2233px 0;
}
/* line 39, ../../app/assets/stylesheets/sprite.css.scss */
.btn-add:before:active, .btn-add:before.disable, .btn-add:before.disable:hover, .btn-add:before.current, .btn-add:before.current:hover {
  width: 10px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2561px auto;
  background-position: -2258px 0;
}
/* line 210, ../../app/assets/stylesheets/buttons.css.scss */
.btn-add.current:before, .btn-add:active:before {
  width: 13px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2412px 0;
  position: relative;
  left: -1px;
}

/* line 11, ../../app/assets/stylesheets/grid.css.scss */
.row {
  margin-left: -20px;
}

/* line 14, ../../app/assets/stylesheets/grid.css.scss */
.grid1 {
  margin-left: 20px;
  width: 220px;
  display: inline-block;
  vertical-align: top;
}

/* line 14, ../../app/assets/stylesheets/grid.css.scss */
.grid2 {
  margin-left: 20px;
  width: 460px;
  display: inline-block;
  vertical-align: top;
}

/* line 14, ../../app/assets/stylesheets/grid.css.scss */
.grid3 {
  margin-left: 20px;
  width: 700px;
  display: inline-block;
  vertical-align: top;
}

/* line 14, ../../app/assets/stylesheets/grid.css.scss */
.grid4 {
  margin-left: 20px;
  width: 940px;
  display: inline-block;
  vertical-align: top;
}

/* line 14, ../../app/assets/stylesheets/grid.css.scss */
.grid5 {
  margin-left: 20px;
  width: 1180px;
  display: inline-block;
  vertical-align: top;
}

/* line 14, ../../app/assets/stylesheets/grid.css.scss */
.grid6 {
  margin-left: 20px;
  width: 1420px;
  display: inline-block;
  vertical-align: top;
}

/* line 14, ../../app/assets/stylesheets/grid.css.scss */
.grid7 {
  margin-left: 20px;
  width: 1660px;
  display: inline-block;
  vertical-align: top;
}

/* line 14, ../../app/assets/stylesheets/grid.css.scss */
.grid8 {
  margin-left: 20px;
  width: 1900px;
  display: inline-block;
  vertical-align: top;
}

/* line 14, ../../app/assets/stylesheets/grid.css.scss */
.grid9 {
  margin-left: 20px;
  width: 2140px;
  display: inline-block;
  vertical-align: top;
}

/* line 14, ../../app/assets/stylesheets/grid.css.scss */
.grid10 {
  margin-left: 20px;
  width: 2380px;
  display: inline-block;
  vertical-align: top;
}

/* line 14, ../../app/assets/stylesheets/grid.css.scss */
.grid11 {
  margin-left: 20px;
  width: 2620px;
  display: inline-block;
  vertical-align: top;
}

/* line 14, ../../app/assets/stylesheets/grid.css.scss */
.grid12 {
  margin-left: 20px;
  width: 2860px;
  display: inline-block;
  vertical-align: top;
}

/* line 14, ../../app/assets/stylesheets/grid.css.scss */
.grid13 {
  margin-left: 20px;
  width: 3100px;
  display: inline-block;
  vertical-align: top;
}

/* line 14, ../../app/assets/stylesheets/grid.css.scss */
.grid14 {
  margin-left: 20px;
  width: 3340px;
  display: inline-block;
  vertical-align: top;
}

/* line 14, ../../app/assets/stylesheets/grid.css.scss */
.grid15 {
  margin-left: 20px;
  width: 3580px;
  display: inline-block;
  vertical-align: top;
}

/* line 14, ../../app/assets/stylesheets/grid.css.scss */
.grid16 {
  margin-left: 20px;
  width: 3820px;
  display: inline-block;
  vertical-align: top;
}

/* line 57, ../../app/assets/stylesheets/grid.css.scss */
.flex-container {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  /* line 57, ../../app/assets/stylesheets/grid.css.scss */
  .flex-container {
    width: 700px;
    padding: 0 32px;
  }
}
@media screen and (max-width: 768px) {
  /* line 57, ../../app/assets/stylesheets/grid.css.scss */
  .flex-container {
    width: 700px;
    padding: 0 32px;
  }
}
@media screen and (min-width: 1024px) {
  /* line 57, ../../app/assets/stylesheets/grid.css.scss */
  .flex-container {
    width: 940px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1264px) {
  /* line 57, ../../app/assets/stylesheets/grid.css.scss */
  .flex-container {
    width: 1180px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1504px) {
  /* line 57, ../../app/assets/stylesheets/grid.css.scss */
  .flex-container {
    width: 1420px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1744px) {
  /* line 57, ../../app/assets/stylesheets/grid.css.scss */
  .flex-container {
    width: 1660px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1984px) {
  /* line 57, ../../app/assets/stylesheets/grid.css.scss */
  .flex-container {
    width: 1900px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2224px) {
  /* line 57, ../../app/assets/stylesheets/grid.css.scss */
  .flex-container {
    width: 2140px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2464px) {
  /* line 57, ../../app/assets/stylesheets/grid.css.scss */
  .flex-container {
    width: 2380px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2704px) {
  /* line 57, ../../app/assets/stylesheets/grid.css.scss */
  .flex-container {
    width: 2620px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2944px) {
  /* line 57, ../../app/assets/stylesheets/grid.css.scss */
  .flex-container {
    width: 2860px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3184px) {
  /* line 57, ../../app/assets/stylesheets/grid.css.scss */
  .flex-container {
    width: 3100px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3424px) {
  /* line 57, ../../app/assets/stylesheets/grid.css.scss */
  .flex-container {
    width: 3340px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3664px) {
  /* line 57, ../../app/assets/stylesheets/grid.css.scss */
  .flex-container {
    width: 3580px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3904px) {
  /* line 57, ../../app/assets/stylesheets/grid.css.scss */
  .flex-container {
    width: 3820px;
    padding: 0 42px;
  }
}

/* line 64, ../../app/assets/stylesheets/grid.css.scss */
.isLimit .flex-container,
.isFlex.list .flex-container {
  max-width: 940px;
}

/* line 71, ../../app/assets/stylesheets/grid.css.scss */
.isFix #bodyContent .flex-container {
  max-width: 700px;
}

/* line 32, ../../app/assets/stylesheets/base.css.scss */
img {
  vertical-align: bottom;
}

/* line 33, ../../app/assets/stylesheets/base.css.scss */
a {
  text-decoration: none;
  outline: none;
}

/* line 34, ../../app/assets/stylesheets/base.css.scss */
a:hover {
  text-decoration: underline;
}

/* line 36, ../../app/assets/stylesheets/base.css.scss */
canvas {
  display: block;
}

/* line 42, ../../app/assets/stylesheets/base.css.scss */
body {
  font-family: 'Lato','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
  color: #4a4a3b;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  background-color: #eeeeeb;
  padding-top: 44px;
  font-size: 12px;
  min-width: 764px;
}
/* line 51, ../../app/assets/stylesheets/base.css.scss */
body.noScroll {
  height: 100%;
  overflow: hidden;
}

/* line 57, ../../app/assets/stylesheets/base.css.scss */
a {
  color: #89897b;
}

/* line 61, ../../app/assets/stylesheets/base.css.scss */
#rootContent {
  overflow: hidden;
  padding-bottom: 80px;
  margin-bottom: -80px;
}

/*  Form Elements
-----------------------------------------------*/
/* line 69, ../../app/assets/stylesheets/base.css.scss */
input[type="text"], input[type="password"], input[type="email"], input[type="url"], .customSelect, input[type="checkbox"] + label:before, input[type="radio"] + label:before, textarea, .chzn-container.chzn-container-multi .chzn-choices, .chzn-container.chzn-container-single .chzn-single {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: none;
  border-top: 1px solid #ccc;
  padding: 10px 14px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #f5f5f2;
  outline: none;
  color: #89897b;
}
/* line 81, ../../app/assets/stylesheets/base.css.scss */
input.light[type="text"], input.light[type="password"], input.light[type="email"], input.light[type="url"], .light.customSelect, input[type="checkbox"] + label.light:before, input[type="radio"] + label.light:before, textarea.light, .chzn-container.chzn-container-multi .light.chzn-choices, .chzn-container.chzn-container-single .light.chzn-single {
  background-color: #fff;
}
/* line 88, ../../app/assets/stylesheets/base.css.scss */
input[type="text"]:active, input[type="password"]:active, input[type="email"]:active, input[type="url"]:active, .customSelect:active, input[type="checkbox"] + label:active:before, input[type="radio"] + label:active:before, textarea:active, .chzn-container.chzn-container-multi .chzn-choices:active, .chzn-container.chzn-container-single .chzn-single:active, input.active[type="text"], input.active[type="password"], input.active[type="email"], input.active[type="url"], .active.customSelect, input[type="checkbox"] + label.active:before, input[type="radio"] + label.active:before, textarea.active, .chzn-container.chzn-container-multi .active.chzn-choices, .chzn-container.chzn-container-single .active.chzn-single, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, .customSelect:focus, input[type="checkbox"] + label:focus:before, input[type="radio"] + label:focus:before, textarea:focus, .chzn-container.chzn-container-multi .chzn-choices:focus, .chzn-container.chzn-container-single .chzn-single:focus, input.focus[type="text"], input.focus[type="password"], input.focus[type="email"], input.focus[type="url"], .focus.customSelect, input[type="checkbox"] + label.focus:before, input[type="radio"] + label.focus:before, textarea.focus, .chzn-container.chzn-container-multi .focus.chzn-choices, .chzn-container.chzn-container-single .focus.chzn-single {
  background-color: #fff;
  color: #4a4a3b;
}
/* line 93, ../../app/assets/stylesheets/base.css.scss */
input.error[type="text"], input.error[type="password"], input.error[type="email"], input.error[type="url"], .error.customSelect, input[type="checkbox"] + label.error:before, input[type="radio"] + label.error:before, textarea.error, .chzn-container.chzn-container-multi .error.chzn-choices, .chzn-container.chzn-container-single .error.chzn-single {
  background-color: #fae2e0;
  border: 1px solid #ad4941;
  color: #4a4a3b;
}

/* line 102, ../../app/assets/stylesheets/base.css.scss */
input,
button,
textarea {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

/* line 107, ../../app/assets/stylesheets/base.css.scss */
.field_with_errors input {
  background-color: #fae2e0;
  border: 1px solid #ad4941;
  color: #4a4a3b;
}

/* line 114, ../../app/assets/stylesheets/base.css.scss */
input[type="text"], input[type="password"], input[type="email"], input[type="url"] {
  height: 34px;
}

/* line 118, ../../app/assets/stylesheets/base.css.scss */
textarea {
  width: 100%;
}

/* line 122, ../../app/assets/stylesheets/base.css.scss */
.customSelect {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding: 0;
  color: #89897b;
}
/* line 129, ../../app/assets/stylesheets/base.css.scss */
.customSelect:after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 14px;
  width: 11px;
  height: 7px;
  width: 11px;
  height: 7px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -508px 0;
}
/* line 140, ../../app/assets/stylesheets/base.css.scss */
.customSelect > span {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 37px 10px 14px;
  height: 34px;
}
/* line 146, ../../app/assets/stylesheets/base.css.scss */
.customSelect > span:before {
  padding-right: 5px;
  vertical-align: -2px;
}
/* line 152, ../../app/assets/stylesheets/base.css.scss */
.customSelect > select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: absolute;
  display: block;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  top: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  cursor: pointer;
}

/*
.checkbox+label,
.boolean+label {
  @extend %form_elements_common;
  position: relative;
  padding: 0;
  margin: 0 5px 0 0;
  width: 14px;
  height: 14px;
  @include border-radius(0);

  > input {
    display: none;
  }

  > input:checked + span {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 13px;
    height: 10px;
    @include retina-sprite($icon-sprites, ok);
  }
}
 */
/* line 197, ../../app/assets/stylesheets/base.css.scss */
input[type="checkbox"],
input[type="radio"] {
  display: none;
}
/* line 200, ../../app/assets/stylesheets/base.css.scss */
input[type="checkbox"] + label,
input[type="radio"] + label {
  position: relative;
  cursor: pointer;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* line 211, ../../app/assets/stylesheets/base.css.scss */
input[type="checkbox"] + label:before {
  content: "";
  position: relative;
  padding: 0;
  margin: -2px 5px 0 0;
  width: 14px;
  height: 14px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  z-index: 5;
}
/* line 224, ../../app/assets/stylesheets/base.css.scss */
input[type="checkbox"]:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 1px;
  width: 13px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2478px 0;
  z-index: 6;
}

/* line 236, ../../app/assets/stylesheets/base.css.scss */
input[type="radio"] + label:before {
  content: "";
  position: relative;
  padding: 0;
  width: 14px;
  height: 14px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: -1px 5px 0 0;
  z-index: 5;
}
/* line 249, ../../app/assets/stylesheets/base.css.scss */
input[type="radio"]:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 3px;
  width: 8px;
  height: 8px;
  background: #4a493a;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  z-index: 6;
}

/* line 263, ../../app/assets/stylesheets/base.css.scss */
textarea {
  resize: none;
}

/* line 272, ../../app/assets/stylesheets/base.css.scss */
.chzn-container {
  width: 100% !important;
}
/* line 275, ../../app/assets/stylesheets/base.css.scss */
.chzn-container > *,
.chzn-container input.default {
  min-height: 12px;
  font-size: 12px;
}
/* line 280, ../../app/assets/stylesheets/base.css.scss */
.chzn-container .search-field input {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/* line 286, ../../app/assets/stylesheets/base.css.scss */
.chzn-container.chzn-container-multi .chzn-choices {
  padding: 8px;
  width: 100%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 293, ../../app/assets/stylesheets/base.css.scss */
.chzn-container.chzn-container-multi.chzn-container-active .chzn-choices {
  padding: 8px 7px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
/* line 299, ../../app/assets/stylesheets/base.css.scss */
.chzn-container.chzn-container-multi .chzn-drop {
  margin-top: -1px;
  border: 1px solid #ccc;
  border-top: none;
  background: #f5f5f2;
  outline: none;
  color: #89897b;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 308, ../../app/assets/stylesheets/base.css.scss */
.chzn-container.chzn-container-multi .chzn-drop .chzn-search input {
  border-color: #ccc;
  height: auto;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/* line 318, ../../app/assets/stylesheets/base.css.scss */
.chzn-container.chzn-container-single .chzn-single {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 100%;
  height: 34px;
}
/* line 323, ../../app/assets/stylesheets/base.css.scss */
.chzn-container.chzn-container-single .chzn-single div b {
  background-position: 0 5px;
}
/* line 326, ../../app/assets/stylesheets/base.css.scss */
.chzn-container.chzn-container-single .chzn-single span {
  position: relative;
  top: -2px;
  line-height: 1;
}
/* line 332, ../../app/assets/stylesheets/base.css.scss */
.chzn-container.chzn-container-single.chzn-with-drop .chzn-single {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
/* line 335, ../../app/assets/stylesheets/base.css.scss */
.chzn-container.chzn-container-single.chzn-with-drop .chzn-single div b {
  background-position: 1px 5px;
}
/* line 338, ../../app/assets/stylesheets/base.css.scss */
.chzn-container.chzn-container-single.chzn-with-drop .chzn-single span {
  left: -1px;
}
/* line 342, ../../app/assets/stylesheets/base.css.scss */
.chzn-container.chzn-container-single .chzn-drop {
  border: 1px solid #ccc;
  border-top: none;
  background: #f5f5f2;
  outline: none;
  color: #89897b;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 350, ../../app/assets/stylesheets/base.css.scss */
.chzn-container.chzn-container-single .chzn-drop .chzn-search input[type="text"] {
  border-color: #ccc;
  height: auto;
}

/* line 363, ../../app/assets/stylesheets/base.css.scss */
.form-inputs {
  margin: 0 auto;
  width: 700px;
}
/* line 366, ../../app/assets/stylesheets/base.css.scss */
.form-inputs > h2, .form-inputs h3, .form-inputs h4 {
  padding-top: 25px;
  font-size: 18px;
}
/* line 370, ../../app/assets/stylesheets/base.css.scss */
.form-inputs hr {
  margin-top: 25px;
  border: none;
  border-top: 1px solid #e1e1d9;
  height: 1px;
  color: #FFFFFF;
}
/* line 378, ../../app/assets/stylesheets/base.css.scss */
.form-inputs #resultUrl.success {
  color: green;
}
/* line 381, ../../app/assets/stylesheets/base.css.scss */
.form-inputs #resultUrl.fail {
  color: #ad4941;
}
/* line 387, ../../app/assets/stylesheets/base.css.scss */
.form-inputs .input-row,
.form-inputs .input-row2,
.form-inputs .input-row3 {
  margin-top: 30px;
  display: table;
}
/* line 390, ../../app/assets/stylesheets/base.css.scss */
.form-inputs .input-row > *,
.form-inputs .input-row2 > *,
.form-inputs .input-row3 > * {
  vertical-align: top;
}
/* line 393, ../../app/assets/stylesheets/base.css.scss */
.form-inputs .input-row > label,
.form-inputs .input-row2 > label,
.form-inputs .input-row3 > label {
  padding: 10px 0;
  display: table-cell;
  width: 240px;
  color: #4a4a3b;
}
/* line 399, ../../app/assets/stylesheets/base.css.scss */
.form-inputs .input-row > .input,
.form-inputs .input-row2 > .input,
.form-inputs .input-row3 > .input {
  display: table-cell;
  width: 460px;
}
/* line 405, ../../app/assets/stylesheets/base.css.scss */
.form-inputs .input-row > .input input[type="text"],
.form-inputs .input-row > .input input[type="password"],
.form-inputs .input-row > .input input[type="email"],
.form-inputs .input-row > .input select,
.form-inputs .input-row2 > .input input[type="text"],
.form-inputs .input-row2 > .input input[type="password"],
.form-inputs .input-row2 > .input input[type="email"],
.form-inputs .input-row2 > .input select,
.form-inputs .input-row3 > .input input[type="text"],
.form-inputs .input-row3 > .input input[type="password"],
.form-inputs .input-row3 > .input input[type="email"],
.form-inputs .input-row3 > .input select {
  width: 100%;
}
/* line 408, ../../app/assets/stylesheets/base.css.scss */
.form-inputs .input-row > .input .radio,
.form-inputs .input-row2 > .input .radio,
.form-inputs .input-row3 > .input .radio {
  display: inline-block;
}
/* line 410, ../../app/assets/stylesheets/base.css.scss */
.form-inputs .input-row > .input .radio input[type="radio"] + label,
.form-inputs .input-row2 > .input .radio input[type="radio"] + label,
.form-inputs .input-row3 > .input .radio input[type="radio"] + label {
  margin-right: 20px;
}
/* line 414, ../../app/assets/stylesheets/base.css.scss */
.form-inputs .input-row > .input .hint,
.form-inputs .input-row2 > .input .hint,
.form-inputs .input-row3 > .input .hint {
  margin-top: 10px;
  display: block;
  line-height: 1;
}
/* line 419, ../../app/assets/stylesheets/base.css.scss */
.form-inputs .input-row > .input .error,
.form-inputs .input-row2 > .input .error,
.form-inputs .input-row3 > .input .error {
  margin-top: 10px;
  display: block;
  line-height: 1;
  color: #ad4941;
  font-size: 10px;
}
/* line 426, ../../app/assets/stylesheets/base.css.scss */
.form-inputs .input-row > .input .file,
.form-inputs .input-row2 > .input .file,
.form-inputs .input-row3 > .input .file {
  padding: 10px 0;
}
/* line 430, ../../app/assets/stylesheets/base.css.scss */
.form-inputs .input-row > .input .facebook,
.form-inputs .input-row > .input .twitter,
.form-inputs .input-row2 > .input .facebook,
.form-inputs .input-row2 > .input .twitter,
.form-inputs .input-row3 > .input .facebook,
.form-inputs .input-row3 > .input .twitter {
  display: inline-block;
  margin-right: 20px;
  padding: 10px 0;
}
/* line 437, ../../app/assets/stylesheets/base.css.scss */
.form-inputs .input-row > .radio_buttons,
.form-inputs .input-row > .check_boxes,
.form-inputs .input-row2 > .radio_buttons,
.form-inputs .input-row2 > .check_boxes,
.form-inputs .input-row3 > .radio_buttons,
.form-inputs .input-row3 > .check_boxes {
  padding-top: 10px;
}
/* line 440, ../../app/assets/stylesheets/base.css.scss */
.form-inputs .input-row > .check_boxes input[type="checkbox"] + label,
.form-inputs .input-row2 > .check_boxes input[type="checkbox"] + label,
.form-inputs .input-row3 > .check_boxes input[type="checkbox"] + label {
  margin-right: 36px;
}
/* line 449, ../../app/assets/stylesheets/base.css.scss */
.form-inputs .input-row2 > .input input[type="text"],
.form-inputs .input-row2 > .input input[type="password"],
.form-inputs .input-row2 > .input input[type="email"],
.form-inputs .input-row2 > .input select {
  width: 50%;
}
/* line 459, ../../app/assets/stylesheets/base.css.scss */
.form-inputs .input-row3 > .input input[type="text"],
.form-inputs .input-row3 > .input input[type="password"],
.form-inputs .input-row3 > .input input[type="email"],
.form-inputs .input-row3 > .input select {
  width: 140px;
}

/* line 469, ../../app/assets/stylesheets/base.css.scss */
.form-actions {
  margin-top: 40px;
}
/* line 471, ../../app/assets/stylesheets/base.css.scss */
.form-actions .btn {
  padding: 25px;
  width: 650px;
  font-size: 14px;
}

/*  Footer
-----------------------------------------------*/
/* line 482, ../../app/assets/stylesheets/base.css.scss */
#footer {
  margin-top: 60px;
  padding-bottom: 6px;
}
/* line 486, ../../app/assets/stylesheets/base.css.scss */
#footer > .wrapper {
  border-style: solid;
  border-color: #e1e0d9;
  border-width: 1px 0 1px;
  background: #f5f5f2;
  padding: 40px 0;
  zoom: 1;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
#footer > .wrapper:after {
  content: "";
  display: block;
  clear: both;
}
/* line 494, ../../app/assets/stylesheets/base.css.scss */
#footer > .wrapper > .flex-container {
  position: relative;
  padding: 0 !important;
  margin: 0 auto;
}
/* line 499, ../../app/assets/stylesheets/base.css.scss */
#footer > .wrapper > .flex-container > a {
  display: block;
  width: 84px;
  height: 14px;
  float: left;
}
/* line 506, ../../app/assets/stylesheets/base.css.scss */
#footer > .wrapper > .flex-container ul {
  zoom: 1;
  margin-left: 40px;
  height: 14px;
  float: left;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
#footer > .wrapper > .flex-container ul:after {
  content: "";
  display: block;
  clear: both;
}
/* line 512, ../../app/assets/stylesheets/base.css.scss */
#footer > .wrapper > .flex-container ul li {
  float: left;
  margin-right: 20px;
  line-height: 14px;
}
/* line 517, ../../app/assets/stylesheets/base.css.scss */
#footer > .wrapper > .flex-container ul li a {
  color: #89897b;
}
/* line 523, ../../app/assets/stylesheets/base.css.scss */
#footer > .wrapper > .flex-container p {
  float: right;
  width: 113px;
  height: 10px;
}
/* line 531, ../../app/assets/stylesheets/base.css.scss */
#footer .uiFooterShareBtns > a {
  float: right;
  margin: 5px 0 0;
}

/* line 1, ../../app/assets/stylesheets/components/_button_more.css.scss */
.uiButtonMore {
  -webkit-box-shadow: white 0 1px 0 0 inset, #c5c5c0 0 -2px 0 0 inset;
  -moz-box-shadow: white 0 1px 0 0 inset, #c5c5c0 0 -2px 0 0 inset;
  box-shadow: white 0 1px 0 0 inset, #c5c5c0 0 -2px 0 0 inset;
  margin-top: 40px;
  padding: 17px;
  display: block;
  background-color: #F6F6F0;
  text-align: center;
  border-radius: 2px;
  color: #89897B;
}
/* line 10, ../../app/assets/stylesheets/components/_button_more.css.scss */
.uiButtonMore i {
  margin-right: 10px;
}
/* line 13, ../../app/assets/stylesheets/components/_button_more.css.scss */
.uiButtonMore:active {
  -webkit-box-shadow: #b4b4af 0 2px 0 0 inset;
  -moz-box-shadow: #b4b4af 0 2px 0 0 inset;
  box-shadow: #b4b4af 0 2px 0 0 inset;
}

/* line 1, ../../app/assets/stylesheets/components/collection_slide.css.scss */
.uiCollectionSlide {
  margin: 0 auto;
  position: relative;
}
/* line 4, ../../app/assets/stylesheets/components/collection_slide.css.scss */
.uiCollectionSlide > .container {
  margin: 0 -5px;
  overflow: hidden;
}
/* line 7, ../../app/assets/stylesheets/components/collection_slide.css.scss */
.uiCollectionSlide > .container > .slideWindow {
  zoom: 1;
  padding: 5px 5px;
  width: 3000px;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
.uiCollectionSlide > .container > .slideWindow:after {
  content: "";
  display: block;
  clear: both;
}
/* line 13, ../../app/assets/stylesheets/components/collection_slide.css.scss */
.uiCollectionSlide .uiCollectionGrid {
  margin-top: 0;
  float: left;
}
/* line 16, ../../app/assets/stylesheets/components/collection_slide.css.scss */
.uiCollectionSlide .uiCollectionGrid + .uiCollectionGrid {
  margin-left: 20px;
}
/* line 20, ../../app/assets/stylesheets/components/collection_slide.css.scss */
.uiCollectionSlide .prev, .uiCollectionSlide .next {
  -webkit-box-shadow: white 0 1px 0 0 inset, #c5c5c0 0 -2px 0 0 inset;
  -moz-box-shadow: white 0 1px 0 0 inset, #c5c5c0 0 -2px 0 0 inset;
  box-shadow: white 0 1px 0 0 inset, #c5c5c0 0 -2px 0 0 inset;
  margin-top: -45px;
  display: inline-block;
  position: absolute;
  top: 50%;
  width: 22px;
  height: 90px;
  background-color: #EDEDE9;
  line-height: 90px;
  text-align: center;
  border-radius: 2px;
}
/* line 32, ../../app/assets/stylesheets/components/collection_slide.css.scss */
.uiCollectionSlide .prev:active, .uiCollectionSlide .next:active {
  -webkit-box-shadow: #b4b4af 0 2px 0 0 inset;
  -moz-box-shadow: #b4b4af 0 2px 0 0 inset;
  box-shadow: #b4b4af 0 2px 0 0 inset;
}
/* line 35, ../../app/assets/stylesheets/components/collection_slide.css.scss */
.uiCollectionSlide .prev i, .uiCollectionSlide .next i {
  vertical-align: middle;
}
/* line 39, ../../app/assets/stylesheets/components/collection_slide.css.scss */
.uiCollectionSlide .prev {
  left: 0;
}
/* line 42, ../../app/assets/stylesheets/components/collection_slide.css.scss */
.uiCollectionSlide .next {
  right: 0;
}

/* line 1, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2000;
  height: 39px;
  overflow: visible;
  background-color: #222;
}
/* line 10, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container {
  margin: 0 auto;
  height: 100%;
  zoom: 1;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
.uiGlobalNavi > .flex-container:after {
  content: "";
  display: block;
  clear: both;
}
/* line 14, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container * {
  color: #fff;
}
/* line 17, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container > * {
  display: inline-block;
}
/* line 19, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container > *:last-child {
  float: right;
}
/* line 23, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container > ul > li > a, .uiGlobalNavi > .flex-container > ul > li > label, .uiGlobalNavi > .flex-container > ul > li > span, .uiGlobalNavi > .flex-container h1 > a {
  padding: 0 15px;
  display: block;
  height: 44px;
  line-height: 44px;
}
/* line 28, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container > ul > li > a img, .uiGlobalNavi > .flex-container > ul > li > a i, .uiGlobalNavi > .flex-container > ul > li > label img, .uiGlobalNavi > .flex-container > ul > li > label i, .uiGlobalNavi > .flex-container > ul > li > span img, .uiGlobalNavi > .flex-container > ul > li > span i, .uiGlobalNavi > .flex-container h1 > a img, .uiGlobalNavi > .flex-container h1 > a i {
  vertical-align: middle;
}
/* line 32, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container a:hover {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
}
/* line 36, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container a:active {
  color: #fff;
  background-color: #000;
}
/* line 40, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container i.icon-edit-white {
  position: relative;
  top: -1px;
}
/* line 44, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container i.notification {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-color: #BE3A31;
  border-radius: 2px;
  text-align: center;
}
/* line 52, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container h1 {
  vertical-align: top;
}
/* line 55, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container h1 a {
  padding-left: 0;
}
/* line 59, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container h1 a:hover img {
  opacity: .5;
}
/* line 66, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container > ul > li {
  height: 44px;
  border-right: 1px solid #333;
  display: inline-block;
}
/* line 70, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container > ul > li:first-child {
  border-left: 1px solid #333;
}
/* line 74, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container > ul > li.search i.icon-search-white {
  width: 18px;
  height: 23px;
  width: 18px;
  height: 18px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 624px auto;
  background-position: -596px 0;
}
/* line 79, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container > ul > li.search input[type="text"] {
  padding: 5px;
  border: none;
  height: auto;
  color: #88887B;
  background: #222;
  box-shadow: 0 0 0 0 #000 !important;
  outline: none;
  border-radius: 0;
  font-weight: 300;
}
/* line 89, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container > ul > li.search input[type="text"]:focus {
  color: #fff;
}
/* line 98, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container > h1 + ul {
  position: relative;
  height: 44px;
}
/* line 102, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container > h1 + ul li {
  overflow: hidden;
  height: 44px;
}
/* line 108, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container > h1 + ul:before, .uiGlobalNavi > .flex-container > h1 + ul:after {
  content: "";
  display: block;
  position: absolute;
  height: 5px;
  width: 3000px;
  bottom: 0;
  background-color: #222;
  z-index: -1;
}
/* line 118, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container > h1 + ul:before {
  left: -3000px;
}
/* line 121, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container > h1 + ul:after {
  right: -3000px;
}
/* line 125, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container > h1 + ul a {
  display: block;
  line-height: 44px;
  color: #fff;
  padding: 0 15px;
  height: 44px;
  position: relative;
  background: #222;
}
/* line 134, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container > h1 + ul a.active {
  height: 39px;
  color: #fff;
  position: relative;
  background-color: #000;
}
/* line 141, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container > h1 + ul a.active:before, .uiGlobalNavi > .flex-container > h1 + ul a.active:after {
  content: "";
  display: block;
  position: absolute;
  height: 5px;
  width: 60%;
  bottom: -5px;
  background-color: #000;
}
/* line 150, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container > h1 + ul a.active:before {
  left: 50%;
  -webkit-transform: skewX(45deg) translate(1px, 0);
  -moz-transform: skewX(45deg) translate(1px, 0);
  -ms-transform: skewX(45deg) translate(1px, 0);
  -o-transform: skewX(45deg) translate(1px, 0);
  transform: skewX(45deg) translate(1px, 0);
  z-index: -2;
  margin-left: 1px;
}
/* line 156, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container > h1 + ul a.active:after {
  right: 50%;
  -webkit-transform: skewX(-45deg) translate(-1px, 0);
  -moz-transform: skewX(-45deg) translate(-1px, 0);
  -ms-transform: skewX(-45deg) translate(-1px, 0);
  -o-transform: skewX(-45deg) translate(-1px, 0);
  transform: skewX(-45deg) translate(-1px, 0);
  z-index: -2;
  margin-right: 2px;
}
/* line 163, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container > h1 + ul a:hover {
  color: rgba(255, 255, 255, 0.5);
}
/* line 166, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container > h1 + ul a:active {
  color: #fff;
  background-color: #000;
}
/* line 170, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container > h1 + ul a:active:before {
  background-color: #000;
}
/* line 173, ../../app/assets/stylesheets/components/global_navi.css.scss */
.uiGlobalNavi > .flex-container > h1 + ul a:active:after {
  background-color: #000;
}

/* line 2, ../../app/assets/stylesheets/components/progress_bar.css.scss */
.uiProgressBar {
  width: 100%;
  height: 10px;
  background: #f5f5f2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
/* line 9, ../../app/assets/stylesheets/components/progress_bar.css.scss */
.uiProgressBar .bar {
  height: 10px;
  background: #4a4a3b;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

/* line 2, ../../app/assets/stylesheets/components/ranking_ribbon.css.scss */
[class*="ranking-"] {
  position: relative;
}
/* line 6, ../../app/assets/stylesheets/components/ranking_ribbon.css.scss */
[class*="ranking-"]:before {
  display: block;
  position: absolute;
  top: 8px;
  right: -3px;
  width: 35px;
  text-align: center;
  font-size: 11px;
  z-index: 7;
  color: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 19, ../../app/assets/stylesheets/components/ranking_ribbon.css.scss */
[class*="ranking-"]:after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  right: -3px;
  width: 50px;
  height: 50px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/ranking-s558033007f-5ca9f04ba413c72f5851ec1c5a6742f9.png);
  background-repeat: no-repeat;
  background-size: 50px auto;
  background-position: 0 -210px;
}

/* line 31, ../../app/assets/stylesheets/components/ranking_ribbon.css.scss */
.ranking-1:before {
  content: "No.1";
}
/* line 34, ../../app/assets/stylesheets/components/ranking_ribbon.css.scss */
.ranking-1:after {
  width: 50px;
  height: 50px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/ranking-s558033007f-5ca9f04ba413c72f5851ec1c5a6742f9.png);
  background-repeat: no-repeat;
  background-size: 50px auto;
  background-position: 0 0;
}

/* line 39, ../../app/assets/stylesheets/components/ranking_ribbon.css.scss */
.ranking-2:before {
  content: "No.2";
}
/* line 42, ../../app/assets/stylesheets/components/ranking_ribbon.css.scss */
.ranking-2:after {
  width: 50px;
  height: 50px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/ranking-s558033007f-5ca9f04ba413c72f5851ec1c5a6742f9.png);
  background-repeat: no-repeat;
  background-size: 50px auto;
  background-position: 0 -70px;
}

/* line 47, ../../app/assets/stylesheets/components/ranking_ribbon.css.scss */
.ranking-3:before {
  content: "No.3";
}
/* line 50, ../../app/assets/stylesheets/components/ranking_ribbon.css.scss */
.ranking-3:after {
  width: 50px;
  height: 50px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/ranking-s558033007f-5ca9f04ba413c72f5851ec1c5a6742f9.png);
  background-repeat: no-repeat;
  background-size: 50px auto;
  background-position: 0 -140px;
}

/* line 55, ../../app/assets/stylesheets/components/ranking_ribbon.css.scss */
.ranking-4:before {
  content: "No.4";
}
/* line 58, ../../app/assets/stylesheets/components/ranking_ribbon.css.scss */
.ranking-4:after {
  width: 50px;
  height: 50px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/ranking-s558033007f-5ca9f04ba413c72f5851ec1c5a6742f9.png);
  background-repeat: no-repeat;
  background-size: 50px auto;
  background-position: 0 -280px;
}

/* line 63, ../../app/assets/stylesheets/components/ranking_ribbon.css.scss */
.ranking-5:before {
  content: "No.5";
}
/* line 66, ../../app/assets/stylesheets/components/ranking_ribbon.css.scss */
.ranking-5:after {
  width: 50px;
  height: 50px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/ranking-s558033007f-5ca9f04ba413c72f5851ec1c5a6742f9.png);
  background-repeat: no-repeat;
  background-size: 50px auto;
  background-position: 0 -280px;
}

/* line 71, ../../app/assets/stylesheets/components/ranking_ribbon.css.scss */
.ranking-6:before {
  content: "No.6";
}

/* line 71, ../../app/assets/stylesheets/components/ranking_ribbon.css.scss */
.ranking-7:before {
  content: "No.7";
}

/* line 71, ../../app/assets/stylesheets/components/ranking_ribbon.css.scss */
.ranking-8:before {
  content: "No.8";
}

/* line 71, ../../app/assets/stylesheets/components/ranking_ribbon.css.scss */
.ranking-9:before {
  content: "No.9";
}

/* line 71, ../../app/assets/stylesheets/components/ranking_ribbon.css.scss */
.ranking-10:before {
  content: "No.10";
}

/* line 71, ../../app/assets/stylesheets/components/ranking_ribbon.css.scss */
.ranking-11:before {
  content: "No.11";
}

/* line 71, ../../app/assets/stylesheets/components/ranking_ribbon.css.scss */
.ranking-12:before {
  content: "No.12";
}

/* line 71, ../../app/assets/stylesheets/components/ranking_ribbon.css.scss */
.ranking-13:before {
  content: "No.13";
}

/* line 71, ../../app/assets/stylesheets/components/ranking_ribbon.css.scss */
.ranking-14:before {
  content: "No.14";
}

/* line 71, ../../app/assets/stylesheets/components/ranking_ribbon.css.scss */
.ranking-15:before {
  content: "No.15";
}

/* line 71, ../../app/assets/stylesheets/components/ranking_ribbon.css.scss */
.ranking-16:before {
  content: "No.16";
}

/* line 71, ../../app/assets/stylesheets/components/ranking_ribbon.css.scss */
.ranking-17:before {
  content: "No.17";
}

/* line 71, ../../app/assets/stylesheets/components/ranking_ribbon.css.scss */
.ranking-18:before {
  content: "No.18";
}

/* line 71, ../../app/assets/stylesheets/components/ranking_ribbon.css.scss */
.ranking-19:before {
  content: "No.19";
}

/* line 71, ../../app/assets/stylesheets/components/ranking_ribbon.css.scss */
.ranking-20:before {
  content: "No.20";
}

/* line 4, ../../app/assets/stylesheets/components/tabnav.css.scss */
.uiTabnav ul.tabnav {
  zoom: 1;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
.uiTabnav ul.tabnav:after {
  content: "";
  display: block;
  clear: both;
}
/* line 7, ../../app/assets/stylesheets/components/tabnav.css.scss */
.uiTabnav ul.tabnav li {
  float: left;
  cursor: pointer;
}

/* line 18, ../../app/assets/stylesheets/components/tabnav.css.scss */
.tab-content {
  display: none;
}
/* line 21, ../../app/assets/stylesheets/components/tabnav.css.scss */
.tab-content.current {
  display: block;
}

/* line 26, ../../app/assets/stylesheets/components/tabnav.css.scss */
.tab-title {
  display: none;
}

/* line 1, ../../app/assets/stylesheets/components/ui_filters.css.scss */
.uiCategoryFilter, .uiSortFilter {
  display: inline-block;
}
/* line 4, ../../app/assets/stylesheets/components/ui_filters.css.scss */
.uiCategoryFilter .customSelect span, .uiSortFilter .customSelect span {
  width: 176px;
}

/*  Alert
-----------------------------------------------*/
/*  Sticky Alert
-----------------------------------------------*/
/*  Styles
-----------------------------------------------*/
/*  Class
-----------------------------------------------*/
/* line 95, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.success {
  position: fixed;
  width: 100%;
  top: 44px;
  left: 0;
  z-index: 1000;
  background-color: #a1a130;
  top: 44px;
}
/* line 64, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.success p:before {
  content: "Success!";
}
/* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.success > * {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  color: #fff;
  font-size: 14px;
  margin-bottom: 2px;
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
  text-align: left;
}
@media screen and (min-width: 768px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.success > * {
    width: 700px;
    padding: 0 32px;
  }
}
@media screen and (max-width: 768px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.success > * {
    width: 700px;
    padding: 0 32px;
  }
}
@media screen and (min-width: 1024px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.success > * {
    width: 940px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1264px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.success > * {
    width: 1180px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1504px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.success > * {
    width: 1420px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1744px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.success > * {
    width: 1660px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1984px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.success > * {
    width: 1900px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2224px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.success > * {
    width: 2140px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2464px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.success > * {
    width: 2380px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2704px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.success > * {
    width: 2620px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2944px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.success > * {
    width: 2860px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3184px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.success > * {
    width: 3100px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3424px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.success > * {
    width: 3340px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3664px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.success > * {
    width: 3580px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3904px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.success > * {
    width: 3820px;
    padding: 0 42px;
  }
}
/* line 18, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.success > * p {
  padding: 0 12px;
  position: relative;
}
/* line 21, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.success > * p:before {
  font-weight: bold;
  padding-right: 1ex;
}
/* line 27, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.success > * a.close {
  float: right;
  position: relative;
  top: -4px;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}
/* line 36, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.success > * a.close:hover {
  text-decoration: none;
}
/* line 98, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.success + * {
  margin-top: 38px;
}

/* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert.success {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  color: #fff;
  font-size: 14px;
  margin-bottom: 2px;
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
  background-color: #a1a130;
}
@media screen and (min-width: 768px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.success {
    width: 700px;
    padding: 0 32px;
  }
}
@media screen and (max-width: 768px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.success {
    width: 700px;
    padding: 0 32px;
  }
}
@media screen and (min-width: 1024px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.success {
    width: 940px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1264px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.success {
    width: 1180px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1504px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.success {
    width: 1420px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1744px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.success {
    width: 1660px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1984px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.success {
    width: 1900px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2224px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.success {
    width: 2140px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2464px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.success {
    width: 2380px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2704px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.success {
    width: 2620px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2944px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.success {
    width: 2860px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3184px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.success {
    width: 3100px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3424px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.success {
    width: 3340px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3664px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.success {
    width: 3580px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3904px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.success {
    width: 3820px;
    padding: 0 42px;
  }
}
/* line 64, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert.success p:before {
  content: "Success!";
}
/* line 18, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert.success p {
  padding: 0 12px;
  position: relative;
}
/* line 21, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert.success p:before {
  font-weight: bold;
  padding-right: 1ex;
}
/* line 27, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert.success a.close {
  float: right;
  position: relative;
  top: -4px;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}
/* line 36, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert.success a.close:hover {
  text-decoration: none;
}

/* line 95, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.warning {
  position: fixed;
  width: 100%;
  top: 44px;
  left: 0;
  z-index: 1000;
  background-color: #ab4842;
  top: 44px;
}
/* line 70, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.warning p:before {
  content: "Warning!";
}
/* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.warning > * {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  color: #fff;
  font-size: 14px;
  margin-bottom: 2px;
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
  text-align: left;
}
@media screen and (min-width: 768px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.warning > * {
    width: 700px;
    padding: 0 32px;
  }
}
@media screen and (max-width: 768px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.warning > * {
    width: 700px;
    padding: 0 32px;
  }
}
@media screen and (min-width: 1024px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.warning > * {
    width: 940px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1264px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.warning > * {
    width: 1180px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1504px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.warning > * {
    width: 1420px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1744px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.warning > * {
    width: 1660px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1984px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.warning > * {
    width: 1900px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2224px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.warning > * {
    width: 2140px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2464px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.warning > * {
    width: 2380px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2704px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.warning > * {
    width: 2620px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2944px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.warning > * {
    width: 2860px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3184px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.warning > * {
    width: 3100px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3424px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.warning > * {
    width: 3340px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3664px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.warning > * {
    width: 3580px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3904px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.warning > * {
    width: 3820px;
    padding: 0 42px;
  }
}
/* line 18, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.warning > * p {
  padding: 0 12px;
  position: relative;
}
/* line 21, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.warning > * p:before {
  font-weight: bold;
  padding-right: 1ex;
}
/* line 27, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.warning > * a.close {
  float: right;
  position: relative;
  top: -4px;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}
/* line 36, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.warning > * a.close:hover {
  text-decoration: none;
}
/* line 98, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.warning + * {
  margin-top: 38px;
}

/* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert.warning {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  color: #fff;
  font-size: 14px;
  margin-bottom: 2px;
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
  background-color: #ab4842;
}
@media screen and (min-width: 768px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.warning {
    width: 700px;
    padding: 0 32px;
  }
}
@media screen and (max-width: 768px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.warning {
    width: 700px;
    padding: 0 32px;
  }
}
@media screen and (min-width: 1024px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.warning {
    width: 940px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1264px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.warning {
    width: 1180px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1504px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.warning {
    width: 1420px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1744px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.warning {
    width: 1660px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1984px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.warning {
    width: 1900px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2224px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.warning {
    width: 2140px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2464px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.warning {
    width: 2380px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2704px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.warning {
    width: 2620px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2944px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.warning {
    width: 2860px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3184px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.warning {
    width: 3100px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3424px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.warning {
    width: 3340px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3664px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.warning {
    width: 3580px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3904px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.warning {
    width: 3820px;
    padding: 0 42px;
  }
}
/* line 70, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert.warning p:before {
  content: "Warning!";
}
/* line 18, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert.warning p {
  padding: 0 12px;
  position: relative;
}
/* line 21, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert.warning p:before {
  font-weight: bold;
  padding-right: 1ex;
}
/* line 27, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert.warning a.close {
  float: right;
  position: relative;
  top: -4px;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}
/* line 36, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert.warning a.close:hover {
  text-decoration: none;
}

/* line 95, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.important {
  position: fixed;
  width: 100%;
  top: 44px;
  left: 0;
  z-index: 1000;
  background-color: #df8e56;
  top: 44px;
}
/* line 76, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.important p:before {
  content: "Important!";
}
/* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.important > * {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  color: #fff;
  font-size: 14px;
  margin-bottom: 2px;
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
  text-align: left;
}
@media screen and (min-width: 768px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.important > * {
    width: 700px;
    padding: 0 32px;
  }
}
@media screen and (max-width: 768px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.important > * {
    width: 700px;
    padding: 0 32px;
  }
}
@media screen and (min-width: 1024px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.important > * {
    width: 940px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1264px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.important > * {
    width: 1180px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1504px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.important > * {
    width: 1420px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1744px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.important > * {
    width: 1660px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1984px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.important > * {
    width: 1900px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2224px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.important > * {
    width: 2140px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2464px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.important > * {
    width: 2380px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2704px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.important > * {
    width: 2620px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2944px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.important > * {
    width: 2860px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3184px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.important > * {
    width: 3100px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3424px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.important > * {
    width: 3340px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3664px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.important > * {
    width: 3580px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3904px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.important > * {
    width: 3820px;
    padding: 0 42px;
  }
}
/* line 18, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.important > * p {
  padding: 0 12px;
  position: relative;
}
/* line 21, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.important > * p:before {
  font-weight: bold;
  padding-right: 1ex;
}
/* line 27, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.important > * a.close {
  float: right;
  position: relative;
  top: -4px;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}
/* line 36, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.important > * a.close:hover {
  text-decoration: none;
}
/* line 98, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.important + * {
  margin-top: 38px;
}

/* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert.important {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  color: #fff;
  font-size: 14px;
  margin-bottom: 2px;
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
  background-color: #df8e56;
}
@media screen and (min-width: 768px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.important {
    width: 700px;
    padding: 0 32px;
  }
}
@media screen and (max-width: 768px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.important {
    width: 700px;
    padding: 0 32px;
  }
}
@media screen and (min-width: 1024px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.important {
    width: 940px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1264px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.important {
    width: 1180px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1504px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.important {
    width: 1420px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1744px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.important {
    width: 1660px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1984px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.important {
    width: 1900px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2224px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.important {
    width: 2140px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2464px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.important {
    width: 2380px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2704px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.important {
    width: 2620px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2944px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.important {
    width: 2860px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3184px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.important {
    width: 3100px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3424px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.important {
    width: 3340px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3664px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.important {
    width: 3580px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3904px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.important {
    width: 3820px;
    padding: 0 42px;
  }
}
/* line 76, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert.important p:before {
  content: "Important!";
}
/* line 18, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert.important p {
  padding: 0 12px;
  position: relative;
}
/* line 21, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert.important p:before {
  font-weight: bold;
  padding-right: 1ex;
}
/* line 27, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert.important a.close {
  float: right;
  position: relative;
  top: -4px;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}
/* line 36, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert.important a.close:hover {
  text-decoration: none;
}

/* line 95, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.info {
  position: fixed;
  width: 100%;
  top: 44px;
  left: 0;
  z-index: 1000;
  background-color: #83c0c9;
  top: 44px;
}
/* line 82, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.info p:before {
  content: "Information";
}
/* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.info > * {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  color: #fff;
  font-size: 14px;
  margin-bottom: 2px;
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
  text-align: left;
}
@media screen and (min-width: 768px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.info > * {
    width: 700px;
    padding: 0 32px;
  }
}
@media screen and (max-width: 768px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.info > * {
    width: 700px;
    padding: 0 32px;
  }
}
@media screen and (min-width: 1024px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.info > * {
    width: 940px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1264px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.info > * {
    width: 1180px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1504px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.info > * {
    width: 1420px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1744px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.info > * {
    width: 1660px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1984px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.info > * {
    width: 1900px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2224px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.info > * {
    width: 2140px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2464px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.info > * {
    width: 2380px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2704px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.info > * {
    width: 2620px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2944px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.info > * {
    width: 2860px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3184px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.info > * {
    width: 3100px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3424px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.info > * {
    width: 3340px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3664px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.info > * {
    width: 3580px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3904px) {
  /* line 52, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert-top.info > * {
    width: 3820px;
    padding: 0 42px;
  }
}
/* line 18, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.info > * p {
  padding: 0 12px;
  position: relative;
}
/* line 21, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.info > * p:before {
  font-weight: bold;
  padding-right: 1ex;
}
/* line 27, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.info > * a.close {
  float: right;
  position: relative;
  top: -4px;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}
/* line 36, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.info > * a.close:hover {
  text-decoration: none;
}
/* line 98, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert-top.info + * {
  margin-top: 38px;
}

/* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert.info {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  color: #fff;
  font-size: 14px;
  margin-bottom: 2px;
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
  background-color: #83c0c9;
}
@media screen and (min-width: 768px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.info {
    width: 700px;
    padding: 0 32px;
  }
}
@media screen and (max-width: 768px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.info {
    width: 700px;
    padding: 0 32px;
  }
}
@media screen and (min-width: 1024px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.info {
    width: 940px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1264px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.info {
    width: 1180px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1504px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.info {
    width: 1420px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1744px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.info {
    width: 1660px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1984px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.info {
    width: 1900px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2224px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.info {
    width: 2140px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2464px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.info {
    width: 2380px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2704px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.info {
    width: 2620px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2944px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.info {
    width: 2860px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3184px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.info {
    width: 3100px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3424px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.info {
    width: 3340px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3664px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.info {
    width: 3580px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3904px) {
  /* line 102, ../../app/assets/stylesheets/components/commons/alert.css.scss */
  .alert.info {
    width: 3820px;
    padding: 0 42px;
  }
}
/* line 82, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert.info p:before {
  content: "Information";
}
/* line 18, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert.info p {
  padding: 0 12px;
  position: relative;
}
/* line 21, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert.info p:before {
  font-weight: bold;
  padding-right: 1ex;
}
/* line 27, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert.info a.close {
  float: right;
  position: relative;
  top: -4px;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}
/* line 36, ../../app/assets/stylesheets/components/commons/alert.css.scss */
.alert.info a.close:hover {
  text-decoration: none;
}

/* line 1, ../../app/assets/stylesheets/components/commons/modal.css.scss */
.modal-overlay {
  display: none;
  background: rgba(0, 0, 0, 0.75);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1999;
}
/* line 11, ../../app/assets/stylesheets/components/commons/modal.css.scss */
.modal-overlay.show {
  display: block;
}
/* line 15, ../../app/assets/stylesheets/components/commons/modal.css.scss */
.modal-overlay .modal-container {
  position: absolute;
  top: 50%;
  left: 50%;
  background: #F4F4F1;
  width: 700px;
  height: 350px;
  margin-top: -175px;
  margin-left: -350px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
}
/* line 27, ../../app/assets/stylesheets/components/commons/modal.css.scss */
.modal-overlay .modal-container > iframe {
  width: 100%;
  height: 100%;
}
/* line 31, ../../app/assets/stylesheets/components/commons/modal.css.scss */
.modal-overlay .modal-container #float-container.sns-token-expired {
  background-color: #fff;
}
/* line 34, ../../app/assets/stylesheets/components/commons/modal.css.scss */
.modal-overlay .modal-container #float-container.sns-token-expired .header, .modal-overlay .modal-container #float-container.sns-token-expired .body {
  background-color: #eeeeeb;
  padding: 25px 30px;
}
/* line 38, ../../app/assets/stylesheets/components/commons/modal.css.scss */
.modal-overlay .modal-container #float-container.sns-token-expired .header {
  border-bottom: 1px solid #e1e1d9;
}
/* line 40, ../../app/assets/stylesheets/components/commons/modal.css.scss */
.modal-overlay .modal-container #float-container.sns-token-expired .header h3 {
  font-size: 16px;
}
/* line 43, ../../app/assets/stylesheets/components/commons/modal.css.scss */
.modal-overlay .modal-container #float-container.sns-token-expired .header p {
  margin-top: 10px;
}
/* line 47, ../../app/assets/stylesheets/components/commons/modal.css.scss */
.modal-overlay .modal-container #float-container.sns-token-expired .body {
  padding: 25px 30px;
}
/* line 49, ../../app/assets/stylesheets/components/commons/modal.css.scss */
.modal-overlay .modal-container #float-container.sns-token-expired .body h4 {
  font-size: 12px;
  margin-bottom: 15px;
}
/* line 53, ../../app/assets/stylesheets/components/commons/modal.css.scss */
.modal-overlay .modal-container #float-container.sns-token-expired .body p {
  font-size: 10px;
  line-height: 14px;
}
/* line 58, ../../app/assets/stylesheets/components/commons/modal.css.scss */
.modal-overlay .modal-container #float-container.sns-token-expired .actions {
  margin: 0;
  padding: 30px;
  border-top: 1px solid #e1e1d9;
  text-align: right;
}
/* line 63, ../../app/assets/stylesheets/components/commons/modal.css.scss */
.modal-overlay .modal-container #float-container.sns-token-expired .actions .btn {
  padding: 15px;
  width: 77px;
  text-align: center;
  font-size: 12px;
}
/* line 68, ../../app/assets/stylesheets/components/commons/modal.css.scss */
.modal-overlay .modal-container #float-container.sns-token-expired .actions .btn + .btn {
  margin-left: 15px;
}
/* line 72, ../../app/assets/stylesheets/components/commons/modal.css.scss */
.modal-overlay .modal-container #float-container.sns-token-expired .actions .btn.toggle_oauth {
  width: 130px;
}

/* line 80, ../../app/assets/stylesheets/components/commons/modal.css.scss */
.modal-hide {
  display: none;
}

/* line 2, ../../app/assets/stylesheets/components/commons/preloader.css.scss */
img.uiPreloader {
  background: url("/assets/loader.gif") 50% 50% no-repeat !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* line 1, ../../app/assets/stylesheets/components/commons/pulldown.css.scss */
.uiPulldown {
  text-align: left;
  z-index: 2000;
}

/* line 6, ../../app/assets/stylesheets/components/commons/pulldown.css.scss */
.uiPulldown .pulldownContainer {
  display: none;
}

/* line 10, ../../app/assets/stylesheets/components/commons/pulldown.css.scss */
.uiPulldown.open .pulldownContainer {
  display: block;
}

/* line 14, ../../app/assets/stylesheets/components/commons/pulldown.css.scss */
.uiPulldown {
  position: relative;
}
/* line 17, ../../app/assets/stylesheets/components/commons/pulldown.css.scss */
.uiPulldown .pulldownContainer {
  z-index: 2000;
  position: absolute;
  background-color: white;
  min-width: 176px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 12px;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 12px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 12px;
  line-height: 150%;
}
/* line 25, ../../app/assets/stylesheets/components/commons/pulldown.css.scss */
.uiPulldown .pulldownContainer .collection_header {
  background-color: #F5F5F2;
  padding: 10px;
  position: relative;
}
/* line 29, ../../app/assets/stylesheets/components/commons/pulldown.css.scss */
.uiPulldown .pulldownContainer .collection_header > input {
  width: 148px;
  background-color: white;
  height: 42px;
  font-size: 12px;
  color: #89897B;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
/* line 39, ../../app/assets/stylesheets/components/commons/pulldown.css.scss */
.uiPulldown .pulldownContainer .collection_header > .btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 15px 20px;
  border: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: #89897b;
  background-color: #f6f6f0;
  outline: none;
  cursor: pointer;
  -webkit-box-shadow: inset 0 1px 0 white, inset 0 -2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 white, inset 0 -2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 white, inset 0 -2px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  right: 9px;
  padding: 13px 16px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
/* line 17, ../../app/assets/stylesheets/mixin.css.scss */
.uiPulldown .pulldownContainer .collection_header > .btn:before {
  content: '';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  height: 100%;
  vertical-align: middle;
}
/* line 23, ../../app/assets/stylesheets/mixin.css.scss */
.uiPulldown .pulldownContainer .collection_header > .btn > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 57, ../../app/assets/stylesheets/buttons.css.scss */
.uiPulldown .pulldownContainer .collection_header > .btn:hover, .uiPulldown .pulldownContainer .collection_header > .btn.hover {
  color: #4a4a3b;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
}
/* line 73, ../../app/assets/stylesheets/buttons.css.scss */
.uiPulldown .pulldownContainer .collection_header > .btn:active, .uiPulldown .pulldownContainer .collection_header > .btn.disable, .uiPulldown .pulldownContainer .collection_header > .btn.current {
  color: #89897b;
  background-color: #e1e0d9;
  -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
}
/* line 46, ../../app/assets/stylesheets/components/commons/pulldown.css.scss */
.uiPulldown .pulldownContainer .collection_header .field_with_errors {
  width: 148px;
  background-color: #fae2e0;
  border: 1px solid #ad4941;
  color: #4a4a3b;
  height: 42px;
  font-size: 12px;
  color: #89897B;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
/* line 56, ../../app/assets/stylesheets/components/commons/pulldown.css.scss */
.uiPulldown .pulldownContainer .collection_header .collection_error {
  display: block;
  font-size: 10px;
  color: #ad4941;
  margin-top: 5px;
  line-height: 1.3;
}
/* line 65, ../../app/assets/stylesheets/components/commons/pulldown.css.scss */
.uiPulldown .pulldownContainer .arrow {
  position: absolute;
  z-index: 2000;
}
/* line 69, ../../app/assets/stylesheets/components/commons/pulldown.css.scss */
.uiPulldown .pulldownContainer .arrow > .inner {
  position: absolute;
  bottom: 0;
  left: 50%;
  border: 10px solid transparent;
  border-bottom-color: #fff;
  margin-left: -10px;
}
/* line 79, ../../app/assets/stylesheets/components/commons/pulldown.css.scss */
.uiPulldown .pulldownContainer .arrow.grey > .inner {
  border-bottom-color: #F5F5F2;
}
/* line 85, ../../app/assets/stylesheets/components/commons/pulldown.css.scss */
.uiPulldown .pulldownContainer ul {
  width: 100%;
  min-height: 1px;
}
/* line 89, ../../app/assets/stylesheets/components/commons/pulldown.css.scss */
.uiPulldown .pulldownContainer ul > li {
  border-top: 1px solid #E1E1D9;
}
/* line 91, ../../app/assets/stylesheets/components/commons/pulldown.css.scss */
.uiPulldown .pulldownContainer ul > li:first-child {
  border: none;
}
/* line 94, ../../app/assets/stylesheets/components/commons/pulldown.css.scss */
.uiPulldown .pulldownContainer ul > li > span, .uiPulldown .pulldownContainer ul > li > a {
  color: #88887A;
  position: relative;
  display: block;
  cursor: pointer;
  background-color: #F5F5F2;
}
/* line 100, ../../app/assets/stylesheets/components/commons/pulldown.css.scss */
.uiPulldown .pulldownContainer ul > li > span > span, .uiPulldown .pulldownContainer ul > li > a > span {
  color: #88887A;
  font-weight: normal;
  display: block;
  position: relative;
  text-indent: -1.55em;
  padding: 17px 30px 17px 2.8em;
  background-color: white;
  font-size: 12px;
}
/* line 109, ../../app/assets/stylesheets/components/commons/pulldown.css.scss */
.uiPulldown .pulldownContainer ul > li > span > span > i, .uiPulldown .pulldownContainer ul > li > a > span > i {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -0.5em;
}
/* line 115, ../../app/assets/stylesheets/components/commons/pulldown.css.scss */
.uiPulldown .pulldownContainer ul > li > span > span input[type='checkbox'], .uiPulldown .pulldownContainer ul > li > a > span input[type='checkbox'] {
  margin-right: 10px;
}
/* line 118, ../../app/assets/stylesheets/components/commons/pulldown.css.scss */
.uiPulldown .pulldownContainer ul > li > span > span:hover, .uiPulldown .pulldownContainer ul > li > a > span:hover {
  color: #4a4a3b;
  text-decoration: none;
}
/* line 123, ../../app/assets/stylesheets/components/commons/pulldown.css.scss */
.uiPulldown .pulldownContainer ul > li > span:hover, .uiPulldown .pulldownContainer ul > li > a:hover {
  color: #4a4a3b;
  text-decoration: none;
}
/* line 136, ../../app/assets/stylesheets/components/commons/pulldown.css.scss */
.uiPulldown.withIcon .pulldownContainer ul > li > span, .uiPulldown.withIcon .pulldownContainer ul > li > a {
  padding-left: 44px;
}
/* line 141, ../../app/assets/stylesheets/components/commons/pulldown.css.scss */
.uiPulldown.withIcon .pulldownContainer ul > li > span > .icon, .uiPulldown.withIcon .pulldownContainer ul > li > a > .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 100%;
  display: table;
  text-align: center;
}
/* line 149, ../../app/assets/stylesheets/components/commons/pulldown.css.scss */
.uiPulldown.withIcon .pulldownContainer ul > li > span > .icon > .inner, .uiPulldown.withIcon .pulldownContainer ul > li > a > .icon > .inner {
  display: table-cell;
  vertical-align: middle;
}
/* line 162, ../../app/assets/stylesheets/components/commons/pulldown.css.scss */
.uiPulldown.arrowBottom .pulldownContainer .arrow {
  position: absolute;
}
/* line 165, ../../app/assets/stylesheets/components/commons/pulldown.css.scss */
.uiPulldown.arrowBottom .pulldownContainer .arrow > .inner {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top-color: #F5F5F2;
}

/* line 1, ../../app/assets/stylesheets/components/commons/radio_group.css.scss */
.uiRadioGroup {
  display: inline-block;
}
/* line 3, ../../app/assets/stylesheets/components/commons/radio_group.css.scss */
.uiRadioGroup .radioButton {
  display: inline-block;
  height: 34px;
  overflow: hidden;
  position: relative;
}
/* line 8, ../../app/assets/stylesheets/components/commons/radio_group.css.scss */
.uiRadioGroup .radioButton span {
  display: inline-block;
  margin: 0px;
  background-color: #F6F6F0;
  -webkit-box-shadow: white 0 1px 0 0 inset, #c5c5c0 0 -2px 0 0 inset;
  -moz-box-shadow: white 0 1px 0 0 inset, #c5c5c0 0 -2px 0 0 inset;
  box-shadow: white 0 1px 0 0 inset, #c5c5c0 0 -2px 0 0 inset;
  border: none;
  cursor: pointer;
}
/* line 15, ../../app/assets/stylesheets/components/commons/radio_group.css.scss */
.uiRadioGroup .radioButton span.checked {
  background-color: #E1E1D9;
  cursor: default;
  -webkit-box-shadow: #b4b4af 0 2px 0 0 inset;
  -moz-box-shadow: #b4b4af 0 2px 0 0 inset;
  box-shadow: #b4b4af 0 2px 0 0 inset;
}
/* line 21, ../../app/assets/stylesheets/components/commons/radio_group.css.scss */
.uiRadioGroup .radioButton input[type="radio"] {
  position: absolute;
  left: -999px;
}
/* line 24, ../../app/assets/stylesheets/components/commons/radio_group.css.scss */
.uiRadioGroup .radioButton input[type="radio"]:checked + span {
  background-color: #E1E1D9;
  cursor: default;
  -webkit-box-shadow: #b4b4af 0 2px 0 0 inset;
  -moz-box-shadow: #b4b4af 0 2px 0 0 inset;
  box-shadow: #b4b4af 0 2px 0 0 inset;
}
/* line 32, ../../app/assets/stylesheets/components/commons/radio_group.css.scss */
.uiRadioGroup .radioButton .grid + span {
  border-radius: 2px 0 0 2px;
  width: 14px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -390px 11px;
  width: 44px;
  height: 100%;
}
/* line 39, ../../app/assets/stylesheets/components/commons/radio_group.css.scss */
.uiRadioGroup .radioButton .grid:checked + span {
  background-color: #E1E1D9;
  width: 14px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -390px 12px;
  width: 44px;
  height: 100%;
}
/* line 47, ../../app/assets/stylesheets/components/commons/radio_group.css.scss */
.uiRadioGroup .radioButton .list + span {
  border-radius: 0 2px 2px 0;
  width: 14px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -156px 11px;
  width: 44px;
  height: 100%;
}
/* line 54, ../../app/assets/stylesheets/components/commons/radio_group.css.scss */
.uiRadioGroup .radioButton .list:checked + span {
  background-color: #E1E1D9;
  width: 14px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -155px 12px;
  width: 44px;
  height: 100%;
}
/* line 63, ../../app/assets/stylesheets/components/commons/radio_group.css.scss */
.uiRadioGroup .radioButton.grid:hover span {
  width: 14px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -356px 11px;
  width: 44px;
  height: 100%;
}
/* line 69, ../../app/assets/stylesheets/components/commons/radio_group.css.scss */
.uiRadioGroup .radioButton.grid span.checked {
  background-color: #E1E1D9;
  width: 14px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -390px 12px;
  width: 44px;
  height: 100%;
}
/* line 78, ../../app/assets/stylesheets/components/commons/radio_group.css.scss */
.uiRadioGroup .radioButton.list:hover span {
  width: 14px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -122px 11px;
  width: 44px;
  height: 100%;
}
/* line 84, ../../app/assets/stylesheets/components/commons/radio_group.css.scss */
.uiRadioGroup .radioButton.list span.checked {
  background-color: #E1E1D9;
  width: 14px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -155px 12px;
  width: 44px;
  height: 100%;
}

/* line 2, ../../app/assets/stylesheets/components/commons/share_btns.css.scss */
.uiShareBtns,
.uiFooterShareBtns {
  zoom: 1;
  height: 27px;
  margin-top: 10px;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
.uiShareBtns:after,
.uiFooterShareBtns:after {
  content: "";
  display: block;
  clear: both;
}
/* line 7, ../../app/assets/stylesheets/components/commons/share_btns.css.scss */
.uiShareBtns > *,
.uiFooterShareBtns > * {
  float: left;
  margin-right: 10px;
}

/* line 2, ../../app/assets/stylesheets/components/commons/slider.css.scss */
.uiSlider {
  position: relative;
  overflow: hidden;
}
/* line 6, ../../app/assets/stylesheets/components/commons/slider.css.scss */
.uiSlider .slider-wrapper {
  position: relative;
  zoom: 1;
}
/* line 10, ../../app/assets/stylesheets/components/commons/slider.css.scss */
.uiSlider .slider-wrapper:after {
  content: "";
  display: block;
  clear: both;
}
/* line 17, ../../app/assets/stylesheets/components/commons/slider.css.scss */
.uiSlider .slider-content {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 200px;
  font-size: 50px;
  text-align: center;
  color: #999;
  visibility: hidden;
}
/* line 27, ../../app/assets/stylesheets/components/commons/slider.css.scss */
.uiSlider .slider-content:first-child {
  visibility: visible;
}
/* line 30, ../../app/assets/stylesheets/components/commons/slider.css.scss */
.uiSlider .slider-content > a {
  display: block;
  background: #FFF;
}
/* line 34, ../../app/assets/stylesheets/components/commons/slider.css.scss */
.uiSlider .slider-content > a:hover img {
  opacity: 0.9;
}
/* line 42, ../../app/assets/stylesheets/components/commons/slider.css.scss */
.uiSlider .slider-prev,
.uiSlider .slider-next {
  position: absolute;
}
/* line 45, ../../app/assets/stylesheets/components/commons/slider.css.scss */
.uiSlider .slider-prev {
  left: 0;
}
/* line 48, ../../app/assets/stylesheets/components/commons/slider.css.scss */
.uiSlider .slider-next {
  right: 0;
}
/* line 52, ../../app/assets/stylesheets/components/commons/slider.css.scss */
.uiSlider .slider-indicator {
  zoom: 1;
  position: absolute;
  top: 20px;
  right: 20px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  z-index: 12;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
.uiSlider .slider-indicator:after {
  content: "";
  display: block;
  clear: both;
}
/* line 60, ../../app/assets/stylesheets/components/commons/slider.css.scss */
.uiSlider .slider-indicator li {
  float: left;
  margin-left: 10px;
}
/* line 64, ../../app/assets/stylesheets/components/commons/slider.css.scss */
.uiSlider .slider-indicator li a {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 7px 8px;
  border: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: #89897b;
  background-color: #f6f6f0;
  outline: none;
  cursor: pointer;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.2);
  color: #000;
}
/* line 17, ../../app/assets/stylesheets/mixin.css.scss */
.uiSlider .slider-indicator li a:before {
  content: '';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  height: 100%;
  vertical-align: middle;
}
/* line 23, ../../app/assets/stylesheets/mixin.css.scss */
.uiSlider .slider-indicator li a > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 57, ../../app/assets/stylesheets/buttons.css.scss */
.uiSlider .slider-indicator li a:hover, .uiSlider .slider-indicator li a.hover {
  color: #4a4a3b;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
}
/* line 73, ../../app/assets/stylesheets/buttons.css.scss */
.uiSlider .slider-indicator li a:active, .uiSlider .slider-indicator li a.disable, .uiSlider .slider-indicator li a.current {
  color: #89897b;
  background-color: #e1e0d9;
  -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
}
/* line 69, ../../app/assets/stylesheets/components/commons/slider.css.scss */
.uiSlider .slider-indicator li.current a {
  color: #89897b;
  background-color: #e1e0d9;
  -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
}

/* line 3, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player {
  background: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  border-radius: 5px;
  height: 70px;
  -moz-box-sizing: border-box;
  float: left;
  font-family: Arial, sans-serif;
  position: absolute;
  padding: 0;
  bottom: 20px;
  z-index: 2;
  opacity: 1;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
/* line 24, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .video {
  position: relative;
  font-size: 62.5%;
}
/* line 29, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .video:hover .player {
  opacity: 1;
}
/* line 33, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .progress {
  width: 60%;
  height: 20px;
  border-radius: 5px;
  background: rgba(51, 51, 51, 0.75);
  box-shadow: inset 0 -5px 10px rgba(0, 0, 0, 0.1);
  float: left;
  cursor: pointer;
  margin: 24px 0 0 0;
  padding: 0;
  position: relative;
  font-variant: normal;
}
/* line 47, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .progress-bar {
  background: #A1A222;
  box-shadow: inset -30px 0px 69px -20px #95951E;
  border-radius: 5px;
  height: 100%;
  position: relative;
  z-index: 999;
  width: 0;
}
/* line 57, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .button-holder {
  position: relative;
  left: 10px;
}
/* line 62, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .progress-button {
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  width: 20px;
  height: 20px;
  position: absolute;
  left: -20px;
  text-decoration: overline;
}
/* line 75, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player [class^="buffered"] {
  background: rgba(204, 204, 204, 0.75);
  position: absolute;
  top: 0;
  left: 30px;
  height: 100%;
  border-radius: 5px;
  z-index: 1;
}
/* line 85, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .play-pause {
  display: inline-block;
  font-size: 3em;
  float: left;
  text-shadow: 0 0 0 #fff;
  color: rgba(255, 255, 255, 0.8);
  width: 10%;
  padding: 17px 0 0 3%;
  cursor: pointer;
  font-variant: small-caps;
}
/* line 97, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .play, .uiVideo .player .pause-button {
  -webkit-transition: all 0.2s ease-out;
}
/* line 101, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .play .pause-button, .uiVideo .player .pause .play-button {
  display: none;
}
/* line 105, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .pause-button {
  padding: 5px 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 34px;
}
/* line 112, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .pause-button span {
  background: #fff;
  width: 8px;
  height: 24px;
  float: left;
  display: block;
}
/* line 120, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .pause-button span:first-of-type {
  margin: 0 4px 0 0;
}
/* line 124, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .time {
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
  position: absolute;
  right: 0;
  top: 24px;
}
/* line 133, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .stime, .uiVideo .ttime {
  color: #444;
}
/* line 136, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .play:hover {
  text-shadow: 0 0 5px #fff;
}
/* line 140, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .play:active, .uiVideo .pause-button:active span {
  text-shadow: 0 0 7px #fff;
}
/* line 145, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .pause-button:hover span {
  box-shadow: 0 0 5px #fff;
}
/* line 147, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .pause-button:active span {
  box-shadow: 0 0 7px #fff;
}
/* line 152, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .volume {
  position: relative;
  float: left;
  width: 8%;
  margin: 0 0 0 4%;
  height: 100%;
}
/* line 160, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .volume-icon {
  padding: 1.5%;
  height: 100%;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-transition: all 0.15s linear;
}
/* line 169, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .volume-icon-hover {
  background-color: #4f4f4f;
}
/* line 173, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .volume-holder {
  height: 100px;
  width: 100%;
  background: black;
  position: absolute;
  display: none;
  background: #4f4f4f;
  left: 0;
  border-radius: 5px 5px 0 0;
  top: -100px;
}
/* line 185, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .volume-bar-holder {
  background: #333;
  width: 20px;
  box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3);
  margin: 15px auto;
  height: 80px;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
}
/* line 196, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .volume-button {
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  width: 20px;
  height: 20px;
}
/* line 205, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .volume-button-holder {
  position: relative;
  top: -10px;
}
/* line 210, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .volume-bar {
  background: #A1A222;
  box-shadow: inset -30px 0px 69px -20px #95951E;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
}
/* line 220, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .fullscreen {
  width: 12%;
  cursor: pointer;
  float: left;
  height: 100%;
}
/* line 227, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .fullscreen a {
  width: 25px;
  height: 20px;
  border-radius: 3px;
  background: #fff;
  display: block;
  position: relative;
  top: 23px;
  margin: 0px auto;
}
/* line 238, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .volume-icon span {
  width: 20%;
  height: 13%;
  background-color: #fff;
  display: block;
  position: relative;
  z-index: 1;
  font-weight: bold;
  top: 40%;
  color: #fff;
  left: 22%;
}
/* line 252, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .volume-icon span:before,
.uiVideo .player .volume-icon span:after {
  content: '';
  position: absolute;
}
/* line 256, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .volume-icon span:before {
  width: 0;
  height: 0;
  border: 1em solid transparent;
  border-left: none;
  border-right-color: #fff;
  z-index: 2;
  top: -2px;
  left: 10%;
  margin-top: -40%;
}
/* line 267, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .volume-icon span:after {
  width: 2%;
  height: 2%;
  border: 1px solid #fff;
  left: 190%;
  border-width: 0px 0px 0 0;
  top: 5px;
  border-radius: 0 50px 0 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  font-variant: small-caps;
}
/* line 283, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .v-change-11 span:after {
  border-width: 10px 10px 0 0;
  top: 0;
}
/* line 284, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .v-change-10 span:after {
  border-width: 9px 9px 0 0;
  top: 1px;
}
/* line 285, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .v-change-9 span:after {
  border-width: 8px 8px 0 0;
  top: 1px;
}
/* line 286, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .v-change-8 span:after {
  border-width: 7px 7px 0 0;
  top: 2px;
}
/* line 287, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .v-change-7 span:after {
  border-width: 6px 6px 0 0;
  top: 2px;
}
/* line 288, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .v-change-6 span:after {
  border-width: 5px 5px 0 0;
  top: 3px;
}
/* line 289, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .v-change-5 span:after {
  border-width: 4px 4px 0 0;
  top: 3px;
}
/* line 290, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .v-change-4 span:after {
  border-width: 3px 3px 0 0;
  top: 4px;
}
/* line 291, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .v-change-3 span:after {
  border-width: 2px 2px 0 0;
  top: 4px;
}
/* line 292, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .v-change-2 span:after {
  border-width: 1px 1px 0 0;
  top: 5px;
}
/* line 293, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .v-change-1 span:after {
  border-width: 0px 0px 0 0;
  top: 5px;
}
/* line 295, ../../app/assets/stylesheets/components/commons/video.css.scss */
.uiVideo .player .v-change-1 span:after {
  content: '+';
  -webkit-transform: rotate(45deg);
  font-size: 20px;
  top: -6px;
  left: 25px;
}

/* line 2, ../../app/assets/stylesheets/components/works/image_uploader.css.scss */
.uiImageUploader > h3 {
  padding: 40px 0;
}

/* line 7, ../../app/assets/stylesheets/components/works/image_uploader.css.scss */
.uiElementForm {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  overflow: hidden;
  position: relative;
  margin: 0 0 20px 20px;
  background-color: #E1E1D9;
  border-top: 2px solid #B4B4AE;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
}
/* line 16, ../../app/assets/stylesheets/components/works/image_uploader.css.scss */
.uiElementForm.error {
  background-color: #FFE0DF;
}
/* line 19, ../../app/assets/stylesheets/components/works/image_uploader.css.scss */
.uiElementForm#uploadform_1, .uiElementForm#uploadform_4 {
  margin-left: 0;
}
/* line 22, ../../app/assets/stylesheets/components/works/image_uploader.css.scss */
.uiElementForm .element-drop {
  width: 220px;
  height: 145px;
  position: absolute;
  display: block;
  background: rgba(255, 255, 255, 0);
  top: 0;
  left: 0;
  cursor: move;
  z-index: 100;
}
/* line 33, ../../app/assets/stylesheets/components/works/image_uploader.css.scss */
.uiElementForm > .contents {
  width: 220px;
  height: 145px;
  position: relative;
}
/* line 37, ../../app/assets/stylesheets/components/works/image_uploader.css.scss */
.uiElementForm > .contents > .num {
  font-size: 33px;
  position: absolute;
  top: 10px;
  left: 18px;
  color: #88887A;
  font-weight: 600;
}
/* line 46, ../../app/assets/stylesheets/components/works/image_uploader.css.scss */
.uiElementForm > .contents > .txts > .txt {
  font-size: 12px;
  text-align: center;
  padding: 30px 0 0 0;
  line-height: 150%;
}
/* line 52, ../../app/assets/stylesheets/components/works/image_uploader.css.scss */
.uiElementForm > .contents > .txts > .btn-container {
  text-align: center;
  padding: 5px 0 0 0;
}
/* line 56, ../../app/assets/stylesheets/components/works/image_uploader.css.scss */
.uiElementForm > .contents > .txts > .error-message {
  text-align: center;
  width: 90%;
  margin: 0 auto;
  color: #BD3A37;
  padding-top: 5px;
  font-size: 11px;
}
/* line 66, ../../app/assets/stylesheets/components/works/image_uploader.css.scss */
.uiElementForm > .contents > .progress {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  display: none;
}
/* line 72, ../../app/assets/stylesheets/components/works/image_uploader.css.scss */
.uiElementForm > .contents > .progress > .txt {
  font-size: 12px;
  text-align: center;
  padding: 35px 0 0 0;
  line-height: 150%;
}
/* line 78, ../../app/assets/stylesheets/components/works/image_uploader.css.scss */
.uiElementForm > .contents > .progress > .bar-container {
  width: 100px;
  height: 34px;
  margin: 25px auto 0 auto;
  background-color: #F5F5F2;
  border-top: 1px solid #C5C5C0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 85, ../../app/assets/stylesheets/components/works/image_uploader.css.scss */
.uiElementForm > .contents > .progress > .bar-container > .bar {
  width: 50%;
  height: 100%;
  background-color: #4A4A3B;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 95, ../../app/assets/stylesheets/components/works/image_uploader.css.scss */
.uiElementForm .element_field {
  position: absolute;
  top: -100px;
  left: -100px;
}

/* line 1, ../../app/assets/stylesheets/components/works/select_coverimage.css.scss */
body.select_coverimage {
  background-color: white;
}

/* line 5, ../../app/assets/stylesheets/components/works/select_coverimage.css.scss */
.uiSelectCoverimage > header {
  position: relative;
  height: 96px;
  background-color: #F5F5F2;
  z-index: 100;
}
/* line 10, ../../app/assets/stylesheets/components/works/select_coverimage.css.scss */
.uiSelectCoverimage > header > h1 {
  font-size: 14px;
  padding: 0 0 0.8em 0;
  padding-top: 30px;
}
/* line 15, ../../app/assets/stylesheets/components/works/select_coverimage.css.scss */
.uiSelectCoverimage > header > p {
  font-size: 12px;
}
/* line 18, ../../app/assets/stylesheets/components/works/select_coverimage.css.scss */
.uiSelectCoverimage > header > h1, .uiSelectCoverimage > header > p {
  margin-left: 30px;
}
/* line 22, ../../app/assets/stylesheets/components/works/select_coverimage.css.scss */
.uiSelectCoverimage > .canvas {
  height: 346px;
  border-top: 1px solid #E1E1D9;
  border-bottom: 1px solid #E1E1D9;
  background-color: white;
  position: relative;
  overflow: hidden;
}
/* line 29, ../../app/assets/stylesheets/components/works/select_coverimage.css.scss */
.uiSelectCoverimage > .canvas .images {
  width: 220px;
  height: 100%;
  position: absolute;
  left: 50%;
  margin-left: -110px;
}
/* line 35, ../../app/assets/stylesheets/components/works/select_coverimage.css.scss */
.uiSelectCoverimage > .canvas .images > ul {
  position: absolute;
  height: 100%;
}
/* line 38, ../../app/assets/stylesheets/components/works/select_coverimage.css.scss */
.uiSelectCoverimage > .canvas .images > ul > li {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}
/* line 44, ../../app/assets/stylesheets/components/works/select_coverimage.css.scss */
.uiSelectCoverimage > .canvas .images > ul > li.selected {
  display: block;
}
/* line 47, ../../app/assets/stylesheets/components/works/select_coverimage.css.scss */
.uiSelectCoverimage > .canvas .images > ul > li > img {
  position: relative;
}
/* line 51, ../../app/assets/stylesheets/components/works/select_coverimage.css.scss */
.uiSelectCoverimage > .canvas .images > ul.top {
  z-index: 1000;
  width: 220px;
  height: 146px;
  overflow: hidden;
  border: 6px solid black;
  top: 50%;
  left: -6px;
  margin-top: -79px;
}
/* line 61, ../../app/assets/stylesheets/components/works/select_coverimage.css.scss */
.uiSelectCoverimage > .canvas .images > ul.bottom {
  opacity: 0.2;
  top: 50%;
  margin-top: -73px;
}
/* line 68, ../../app/assets/stylesheets/components/works/select_coverimage.css.scss */
.uiSelectCoverimage > .canvas .btn {
  position: absolute;
  top: 50%;
  display: block;
  width: 34px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  margin-top: -38px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: none;
}
/* line 80, ../../app/assets/stylesheets/components/works/select_coverimage.css.scss */
.uiSelectCoverimage > .canvas .btn.chevron-right {
  right: 18%;
  margin-left: -17px;
}
/* line 84, ../../app/assets/stylesheets/components/works/select_coverimage.css.scss */
.uiSelectCoverimage > .canvas .btn.chevron-left {
  left: 18%;
  margin-right: -17px;
}
/* line 90, ../../app/assets/stylesheets/components/works/select_coverimage.css.scss */
.uiSelectCoverimage > footer {
  background-color: white;
  position: relative;
  z-index: 100;
  height: 106px;
  text-align: right;
}
/* line 96, ../../app/assets/stylesheets/components/works/select_coverimage.css.scss */
.uiSelectCoverimage > footer > .btn {
  display: inline-block;
  text-align: center;
  width: 150px;
  margin-right: 30px;
  margin-top: 30px;
}

/* line 1, ../../app/assets/stylesheets/components/works/sub_navi.css.scss */
.uiSubNavi {
  padding: 20px 0 0 0;
  float: left;
}
/* line 4, ../../app/assets/stylesheets/components/works/sub_navi.css.scss */
.uiSubNavi > li {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  font-size: 18px;
  margin-right: 30px;
}
/* line 10, ../../app/assets/stylesheets/components/works/sub_navi.css.scss */
.uiSubNavi > li a {
  color: #CFCFC8;
}
/* line 12, ../../app/assets/stylesheets/components/works/sub_navi.css.scss */
.uiSubNavi > li a:hover {
  text-decoration: none;
  color: #333;
}
/* line 16, ../../app/assets/stylesheets/components/works/sub_navi.css.scss */
.uiSubNavi > li a.active {
  color: #333;
}
@media screen and (max-width: 1023px) {
  /* line 1, ../../app/assets/stylesheets/components/works/sub_navi.css.scss */
  .uiSubNavi {
    float: none;
  }
}

/* line 1, ../../app/assets/stylesheets/components/works/work.css.scss */
.uiWork {
  padding: 100px 0;
}
/* line 4, ../../app/assets/stylesheets/components/works/work.css.scss */
body#works.show .uiWork {
  padding: 62px 0 0;
}

/* line 1, ../../app/assets/stylesheets/components/works/work_container.css.scss */
.uiWorkContainer {
  position: fixed;
  background-color: white;
  z-index: 3000;
}

/* line 3, ../../app/assets/stylesheets/components/works/work_contest.css.scss */
#works .uiEntryContest img {
  margin-top: 30px;
}
/* line 7, ../../app/assets/stylesheets/components/works/work_contest.css.scss */
#works .uiEntryContest .btn_download {
  margin: 20px auto 0 auto;
  width: 94%;
  text-align: center;
}

/* line 2, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .image {
  float: left;
}
/* line 5, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .meta {
  float: right;
}

/* line 11, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest {
  margin: 0 auto;
  position: relative;
  display: table;
  width: 100%;
  width: 940px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
  /* line 11, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
  .uiWorkdigest {
    border-top: 1px solid #e1e1d9;
    padding: 106px 30px 0;
    width: 640px;
  }
}
/* line 25, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .feature-image, .uiWorkdigest .meta {
  display: table-cell;
  vertical-align: top;
  border-top: 1px solid;
  padding-top: 60px;
}
@media screen and (max-width: 1024px) {
  /* line 25, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
  .uiWorkdigest .feature-image, .uiWorkdigest .meta {
    display: block;
    width: 100% !important;
    border: 0;
    padding-bottom: 0;
  }
}
/* line 40, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest:first-child .feature-image, .uiWorkdigest:first-child .meta {
  border: none;
  padding: 0;
}
/* line 47, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .meta h2 + p:after, .uiWorkdigest .meta .controller:after {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background: #c7c7b9;
  margin-top: 20px;
}
@media screen and (max-width: 1024px) {
  /* line 47, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
  .uiWorkdigest .meta h2 + p:after, .uiWorkdigest .meta .controller:after {
    display: none;
  }
}
/* line 61, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .feature-image {
  text-align: center;
  border-top-color: #e1e1d9;
  position: relative;
  width: 640px;
}
/* line 68, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .feature-image:hover > .wrapper > .inner .coverInfo {
  opacity: 1;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.15s;
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
/* line 72, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .feature-image:hover > .wrapper .bottom {
  opacity: 1;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.15s;
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
/* line 77, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .feature-image > .wrapper {
  position: relative;
}
/* line 79, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .feature-image > .wrapper > .inner {
  position: relative;
  display: block;
}
/* line 83, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .feature-image > .wrapper > .inner > .figs {
  position: relative;
  height: 100%;
  width: 100%;
}
/* line 87, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .feature-image > .wrapper > .inner > .figs > figure {
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  display: none;
}
/* line 93, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .feature-image > .wrapper > .inner > .figs > figure > img {
  vertical-align: top;
}
/* line 103, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .feature-image > .wrapper > .inner .coverInfo {
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  position: absolute;
  top: 0px;
}
/* line 110, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .feature-image > .wrapper > .inner .coverInfo i.icon-search-white {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -37px 0 0 -37px;
  width: 74px;
  height: 75px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2566px auto;
  background-position: -2452px 0;
  width: 74px;
  height: 74px;
}
/* line 121, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .feature-image > .wrapper > .inner .play-btn {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  color: white;
  text-align: center;
}
/* line 17, ../../app/assets/stylesheets/mixin.css.scss */
.uiWorkdigest .feature-image > .wrapper > .inner .play-btn:before {
  content: '';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  height: 100%;
  vertical-align: middle;
}
/* line 23, ../../app/assets/stylesheets/mixin.css.scss */
.uiWorkdigest .feature-image > .wrapper > .inner .play-btn > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 129, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .feature-image > .wrapper > .inner .play-btn > i {
  width: 88px;
  height: 88px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2817px auto;
  background-position: -2296px 0;
  width: 88px;
  height: 88px;
  margin: 0 auto;
}
/* line 138, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .feature-image > .wrapper .bottom {
  width: 100%;
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0px;
  padding: 20px 20px 20px 10px;
  height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgwLCAwLCAwLCAwKSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiYSgwLCAwLCAwLCAwLjQpIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  color: #eee;
}
/* line 147, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .feature-image > .wrapper .bottom .left {
  float: left;
  position: relative;
  bottom: 10px;
}
/* line 152, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .feature-image > .wrapper .bottom .right {
  float: right;
  position: relative;
  bottom: 10px;
}
/* line 156, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .feature-image > .wrapper .bottom .right > [class^="icon-"] {
  margin-left: 10px;
}
@media screen and (max-width: 1024px) {
  /* line 77, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
  .uiWorkdigest .feature-image > .wrapper {
    padding-top: 0;
    margin-bottom: 20px;
  }
}
/* line 170, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .meta {
  width: 260px;
  border-top-color: #89897b;
}
/* line 175, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .meta h2 {
  font-weight: bold;
  font-size: 16px;
  color: #4a4a3b;
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  /* line 175, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
  .uiWorkdigest .meta h2 {
    position: absolute;
    top: 44px;
    left: 30px;
  }
}
/* line 187, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .meta h2 i {
  margin-left: 10px;
}
/* line 191, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .meta h2 i.icon-clip-hover {
  width: 13px;
  height: 15px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3091px auto;
  background-position: -818px 0;
  margin-bottom: -1px;
}
/* line 195, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .meta h2 i.icon-layer {
  width: 15px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 1997px auto;
  background-position: -1355px 0;
  margin-top: -2px;
}
/* line 201, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .meta h2 + p {
  line-height: 24px;
  margin-bottom: 20px;
}
/* line 207, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .meta h2 + p img {
  margin-right: 10px;
}
/* line 210, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .meta h2 + p a {
  color: #a1a130;
}
/* line 215, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .meta p + p {
  line-height: 1.5;
}
/* line 219, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .meta .controller {
  margin-top: 20px;
}
/* line 223, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .meta .controller .uiAddCollection {
  margin-left: 8px;
  max-width: 153px;
}
/* line 229, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .meta > ul {
  margin: 20px -5px 0;
  zoom: 1;
  counter-reset: thumbnail;
  position: relative;
  visibility: hidden;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
.uiWorkdigest .meta > ul:after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (max-width: 1024px) {
  /* line 229, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
  .uiWorkdigest .meta > ul {
    position: absolute;
    top: 38px;
    right: 30px;
    margin: 0;
  }
}
/* line 243, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .meta > ul > li {
  float: left;
  counter-increment: thumbnail;
  height: 62px;
}
@media screen and (max-width: 1024px) {
  /* line 243, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
  .uiWorkdigest .meta > ul > li {
    margin-left: 10px;
    position: static;
  }
}
/* line 254, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .meta > ul > li a {
  border: 5px solid #eeeeeb;
  opacity: .25;
  display: block;
  width: 80px;
  height: 53px;
  overflow: hidden;
}
/* line 262, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
.uiWorkdigest .meta > ul > li a.current {
  border-color: #fff;
  opacity: 1;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 1024px) {
  /* line 254, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
  .uiWorkdigest .meta > ul > li a {
    opacity: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 8px 10px;
    border: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #89897b;
    background-color: #f6f6f0;
    outline: none;
    cursor: pointer;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.2);
    line-height: 1;
    color: #333;
    width: auto;
    height: auto;
  }
  /* line 17, ../../app/assets/stylesheets/mixin.css.scss */
  .uiWorkdigest .meta > ul > li a:before {
    content: '';
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    height: 100%;
    vertical-align: middle;
  }
  /* line 23, ../../app/assets/stylesheets/mixin.css.scss */
  .uiWorkdigest .meta > ul > li a > * {
    display: inline-block;
    vertical-align: middle;
  }
  /* line 57, ../../app/assets/stylesheets/buttons.css.scss */
  .uiWorkdigest .meta > ul > li a:hover, .uiWorkdigest .meta > ul > li a.hover {
    color: #4a4a3b;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
  }
  /* line 73, ../../app/assets/stylesheets/buttons.css.scss */
  .uiWorkdigest .meta > ul > li a:active, .uiWorkdigest .meta > ul > li a.disable, .uiWorkdigest .meta > ul > li a.current {
    color: #89897b;
    background-color: #e1e0d9;
    -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
  }
  /* line 276, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
  .uiWorkdigest .meta > ul > li a:before {
    content: counter(thumbnail);
  }
  /* line 280, ../../app/assets/stylesheets/components/works/work_digest.css.scss */
  .uiWorkdigest .meta > ul > li a img {
    display: none;
  }
}

/* line 1, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid {
  position: absolute;
  visibility: hidden;
  top: 0;
  left: 0;
}
/* line 7, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid.hover {
  -webkit-box-shadow: 0px 0px 5px #666666;
  -moz-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666;
}
/* line 9, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid.hover .image .coverInfo {
  opacity: 1;
}
/* line 12, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid.hover .image .bottom {
  opacity: 1;
}
/* line 17, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid.crop {
  position: relative !important;
  top: auto;
  left: auto;
  margin-bottom: 20px;
  visibility: visible;
}
/* line 25, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid.crop > .image figure {
  overflow: hidden;
  height: 146px;
  width: 660px;
  text-align: center;
  position: relative;
  left: -220px;
}
/* line 32, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid.crop > .image figure > div {
  margin: 0 auto;
}
/* line 38, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid > .image {
  position: relative;
  display: block;
}
/* line 41, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid > .image figure {
  width: 1220px;
  text-align: center;
  position: relative;
  left: -500px;
}
/* line 46, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid > .image figure > div {
  margin: 0 auto;
}
/* line 50, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid > .image > a {
  display: block;
  overflow: hidden;
}
/* line 54, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid > .image .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
}
/* line 60, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid > .image figure {
  position: relative;
  background-color: #F4F4F1;
}
/* line 63, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid > .image figure img {
  position: relative;
  opacity: 0;
}
/* line 68, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid > .image .play-btn {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  color: white;
  text-align: center;
}
/* line 17, ../../app/assets/stylesheets/mixin.css.scss */
.uiWorkGrid > .image .play-btn:before {
  content: '';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  height: 100%;
  vertical-align: middle;
}
/* line 23, ../../app/assets/stylesheets/mixin.css.scss */
.uiWorkGrid > .image .play-btn > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 76, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid > .image .play-btn > i {
  width: 57px;
  height: 57px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 1825px auto;
  background-position: -1487px 0;
  width: 57px;
  height: 57px;
  margin: 0 auto;
}
/* line 83, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid > .image .coverInfo {
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  position: absolute;
  top: 0px;
}
/* line 91, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid > .image .coverInfo i.icon-search-white {
  position: relative;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 51px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 1734px auto;
  background-position: -1657px 0;
  width: 50px;
  height: 50px;
}
/* line 100, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid > .image .coverInfo:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 30px;
  left: 0;
  bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgwLCAwLCAwLCAwKSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiYSgwLCAwLCAwLCAwLjQpIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}
/* line 112, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid > .image .bottom {
  width: 100%;
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0px;
  padding: 20px 10px 10px 10px;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  bottom: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgwLCAwLCAwLCAwKSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiYSgwLCAwLCAwLCAwLjQpIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  color: #eee;
}
/* line 125, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid > .image .bottom .left {
  float: left;
  position: relative;
  bottom: 10px;
}
/* line 130, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid > .image .bottom .right {
  float: right;
  position: relative;
  bottom: 10px;
}
/* line 134, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid > .image .bottom .right > [class^="icon-"] {
  margin-left: 10px;
}
/* line 142, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid > .image.show figure img {
  opacity: 1;
}
/* line 147, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid > .image.show .loader {
  display: none;
}
/* line 153, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid .meta {
  -moz-box-shadow: 0px -1px 0 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px -1px 0 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0px -1px 0 0 rgba(0, 0, 0, 0.05);
  position: relative;
  background-color: white;
  height: 45px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  zoom: 1;
  padding: 10px;
  line-height: 24px;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
.uiWorkGrid .meta:after {
  content: "";
  display: block;
  clear: both;
}
/* line 164, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid .meta .left {
  float: left;
}
/* line 167, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid .meta .left ul {
  overflow: hidden;
}
/* line 170, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid .meta .left ul li {
  margin: 0;
  padding: 0;
  float: left;
  margin-right: 10px;
}
/* line 176, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid .meta .left ul li img {
  margin-bottom: 3px;
}
/* line 182, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid .meta .right {
  float: right;
}
/* line 184, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid .meta .right .text {
  color: #C7C7B9;
  font-size: 12px;
}
/* line 188, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid .meta .right a:hover {
  text-decoration: none;
}
/* line 191, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid .meta .right > a {
  margin-left: 10px;
}
/* line 194, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid .meta .right [class^="icon-"] {
  margin-left: 10px;
}
/* line 197, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid .meta .right .icon-heart-min {
  color: #89897b;
}
/* line 200, ../../app/assets/stylesheets/components/works/work_grid.css.scss */
.uiWorkGrid .meta .right .icon-folder-min {
  color: #89897b;
}

/* line 1, ../../app/assets/stylesheets/components/works/work_uploader.css.scss */
.uiWorkUploader {
  background: #ccc;
  width: 100px;
  height: 100px;
}
/* line 8, ../../app/assets/stylesheets/components/works/work_uploader.css.scss */
.uiWorkUploader.focus {
  background: red;
}

/* line 2, ../../app/assets/stylesheets/components/works/works.css.scss */
.works > .header {
  padding: 20px 0 0 0;
}

/* line 8, ../../app/assets/stylesheets/components/works/works.css.scss */
.works > .header {
  zoom: 1;
  margin-bottom: 20px;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
.works > .header:after {
  content: "";
  display: block;
  clear: both;
}
/* line 11, ../../app/assets/stylesheets/components/works/works.css.scss */
.works > .header .control {
  float: right;
}
/* line 12, ../../app/assets/stylesheets/components/works/works.css.scss */
.works > .header .control > * {
  display: inline-block;
  vertical-align: top;
}
/* line 15, ../../app/assets/stylesheets/components/works/works.css.scss */
.works > .header .control > * + * {
  margin-left: 10px;
}
@media screen and (max-width: 1023px) {
  /* line 11, ../../app/assets/stylesheets/components/works/works.css.scss */
  .works > .header .control {
    float: none;
  }
}
/* line 25, ../../app/assets/stylesheets/components/works/works.css.scss */
.works > .grid {
  position: relative;
}

/* line 1, ../../app/assets/stylesheets/components/works/works_grid.css.scss */
.uiWorksGrid {
  visibility: hidden;
  position: relative;
}

/* line 1, ../../app/assets/stylesheets/components/pulldown/add_collection.css.scss */
.uiAddCollection {
  display: inline-block;
}
/* line 3, ../../app/assets/stylesheets/components/pulldown/add_collection.css.scss */
.uiAddCollection .pulldownContainer > .collectionListContainer {
  max-height: 190px;
  background: #F5F5F2;
  overflow: auto;
}
/* line 8, ../../app/assets/stylesheets/components/pulldown/add_collection.css.scss */
.uiAddCollection > a {
  cursor: default !important;
}

/* line 1, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid {
  margin-top: 20px;
  position: relative;
  width: 220px;
}
/* line 5, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid > a {
  display: block;
}
/* line 8, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid .rowFirst {
  width: 220px;
  height: 146px;
  overflow: hidden;
  background: #e1e1d9;
}
/* line 13, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid .rowFirst .inner {
  display: block;
  position: relative;
  vertical-align: middle;
}
/* line 19, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid .rowFirst .inner img {
  display: inline;
  width: 100%;
  position: relative;
}
/* line 26, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid .rowThumb {
  margin-top: 2px;
}
/* line 30, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid .rowThumb img,
.uiCollectionGrid .rowThumb .placeholder {
  display: inline-block;
  width: 72px;
  height: 72px;
  vertical-align: bottom;
  margin-left: 2px !important;
}
/* line 37, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid .rowThumb img:first-child,
.uiCollectionGrid .rowThumb .placeholder:first-child {
  margin-left: 0px !important;
}
/* line 42, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid .rowThumb .placeholder {
  background: #e1e1d9;
}
/* line 46, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid .screen {
  position: relative;
}
/* line 48, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid .screen > a {
  display: block;
}
/* line 51, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid .screen .over {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  opacity: 0;
}
/* line 59, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid .screen .over i.icon-search {
  width: 50px;
  height: 51px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 1734px auto;
  background-position: -1657px 0;
  margin: -25px 0 0 -25px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
}
/* line 68, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid .screen .over:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 30px;
  left: 0;
  bottom: -10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgwLCAwLCAwLCAwKSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiYSgwLCAwLCAwLCAwLjQpIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}
/* line 80, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid .screen .meta {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0px;
  padding: 10px;
  padding-top: 0;
  padding-bottom: 0;
  bottom: 20px;
  height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgwLCAwLCAwLCAwKSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiYSgwLCAwLCAwLCAwLjQpIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  color: #eee;
  opacity: 0;
}
/* line 94, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid .screen .meta .col:nth-child(1) {
  float: left;
}
/* line 96, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid .screen .meta .col:nth-child(1) > * {
  display: inline-block;
}
/* line 101, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid .screen .meta .col:nth-child(1) .icon-flag-white {
  margin-left: 10px;
  position: relative;
  top: -1px;
}
/* line 107, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid .screen .meta .col:nth-child(2) {
  float: right;
  line-height: 14px;
}
/* line 110, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid .screen .meta .col:nth-child(2) .icon-comment-white {
  margin-right: 5px;
}
/* line 116, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid .caption {
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.05);
  position: relative;
  padding: 10px;
  background-color: #fff;
}
/* line 121, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid .caption .title {
  height: 2.6em;
  line-height: 1.3;
  font-size: 11px;
}
/* line 126, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid .caption .meta {
  zoom: 1;
  margin-top: 10px;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
.uiCollectionGrid .caption .meta:after {
  content: "";
  display: block;
  clear: both;
}
/* line 129, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid .caption .meta a:hover {
  text-decoration: none;
}
/* line 132, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid .caption .meta * {
  color: #888;
}
/* line 135, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid .caption .meta .col:nth-child(1) {
  float: left;
  line-height: 24px;
}
/* line 139, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid .caption .meta .col:nth-child(2) {
  float: right;
  line-height: 24px;
}
/* line 142, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid .caption .meta .col:nth-child(2) > * {
  display: inline-block;
  font-weight: 300;
}
/* line 145, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid .caption .meta .col:nth-child(2) > * + * {
  margin-left: 5px;
}
/* line 148, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid .caption .meta .col:nth-child(2) > * i[class^="icon-"] {
  margin-right: 3px;
}
/* line 155, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid.hover {
  -webkit-box-shadow: 0px 0px 5px #666666;
  -moz-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666;
  -webkit-transition-property: box-shadow;
  -moz-transition-property: box-shadow;
  -o-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transition-duration: 0.15s;
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
/* line 159, ../../app/assets/stylesheets/components/collections/collection_grid.css.scss */
.uiCollectionGrid.hover .over,
.uiCollectionGrid.hover .meta {
  opacity: 1;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.15s;
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

/* line 1, ../../app/assets/stylesheets/components/collections/collection_slide.css.scss */
.uiCollectionsSlide {
  margin: 0 auto;
  position: relative;
}
/* line 4, ../../app/assets/stylesheets/components/collections/collection_slide.css.scss */
.uiCollectionsSlide > .container {
  margin: 0 -5px;
  overflow: hidden;
}
/* line 7, ../../app/assets/stylesheets/components/collections/collection_slide.css.scss */
.uiCollectionsSlide > .container > .slideWindow {
  zoom: 1;
  padding: 5px 5px;
  width: 100000px;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
.uiCollectionsSlide > .container > .slideWindow:after {
  content: "";
  display: block;
  clear: both;
}
/* line 11, ../../app/assets/stylesheets/components/collections/collection_slide.css.scss */
.uiCollectionsSlide > .container > .slideWindow > div {
  margin-top: 0;
  float: left;
  margin-left: 20px;
}
/* line 15, ../../app/assets/stylesheets/components/collections/collection_slide.css.scss */
.uiCollectionsSlide > .container > .slideWindow > div:first-child {
  margin-left: 0;
}
/* line 24, ../../app/assets/stylesheets/components/collections/collection_slide.css.scss */
.uiCollectionsSlide .prev, .uiCollectionsSlide .next {
  -webkit-box-shadow: white 0 1px 0 0 inset, #c5c5c0 0 -2px 0 0 inset;
  -moz-box-shadow: white 0 1px 0 0 inset, #c5c5c0 0 -2px 0 0 inset;
  box-shadow: white 0 1px 0 0 inset, #c5c5c0 0 -2px 0 0 inset;
  margin-top: -45px;
  display: inline-block;
  position: absolute;
  top: 50%;
  width: 22px;
  height: 90px;
  background-color: #EDEDE9;
  line-height: 90px;
  text-align: center;
  border-radius: 2px;
  visibility: hidden;
}
/* line 37, ../../app/assets/stylesheets/components/collections/collection_slide.css.scss */
.uiCollectionsSlide .prev:active, .uiCollectionsSlide .next:active {
  -webkit-box-shadow: #b4b4af 0 2px 0 0 inset;
  -moz-box-shadow: #b4b4af 0 2px 0 0 inset;
  box-shadow: #b4b4af 0 2px 0 0 inset;
}
/* line 40, ../../app/assets/stylesheets/components/collections/collection_slide.css.scss */
.uiCollectionsSlide .prev i, .uiCollectionsSlide .next i {
  vertical-align: middle;
}
/* line 44, ../../app/assets/stylesheets/components/collections/collection_slide.css.scss */
.uiCollectionsSlide .prev {
  left: 0;
}
/* line 47, ../../app/assets/stylesheets/components/collections/collection_slide.css.scss */
.uiCollectionsSlide .next {
  right: 0;
}

/* line 96, ../../app/assets/stylesheets/components/users/badge.css.scss */
#badges-container ul.badges-list {
  zoom: 1;
  margin-left: -20px;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
#badges-container ul.badges-list:after {
  content: "";
  display: block;
  clear: both;
}
/* line 100, ../../app/assets/stylesheets/components/users/badge.css.scss */
#badges-container ul.badges-list li {
  float: left;
  margin-left: 20px;
  margin-bottom: 54px;
  width: 100px;
  text-align: center;
}
/* line 107, ../../app/assets/stylesheets/components/users/badge.css.scss */
#badges-container ul.badges-list li .badge-chart {
  width: 72px;
  height: 72px;
  position: relative;
  background-color: #dad9d2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 0 1px #eeeeeb;
  -moz-box-shadow: inset 0 0 0 1px #eeeeeb;
  box-shadow: inset 0 0 0 1px #eeeeeb;
  overflow: hidden;
  margin: 0 auto 20px;
}
/* line 20, ../../app/assets/stylesheets/components/users/badge.css.scss */
#badges-container ul.badges-list li .badge-chart, #badges-container ul.badges-list li .badge-chart > * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 24, ../../app/assets/stylesheets/components/users/badge.css.scss */
#badges-container ul.badges-list li .badge-chart span {
  position: absolute;
  display: block;
  font-size: 24px;
  color: #c6c6b8;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  height: 58px;
  width: 58px;
  top: 7px;
  left: 7px;
  background-color: #eeeeeb;
  z-index: 5;
  line-height: 58px;
  text-align: center;
}
/* line 41, ../../app/assets/stylesheets/components/users/badge.css.scss */
#badges-container ul.badges-list li .badge-chart span:after {
  content: "%";
  font-size: 12px;
  padding-left: .5ex;
}
/* line 48, ../../app/assets/stylesheets/components/users/badge.css.scss */
#badges-container ul.badges-list li .badge-chart .pie {
  position: absolute;
  width: 50%;
  height: 100%;
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  background: #a1a130;
}
/* line 56, ../../app/assets/stylesheets/components/users/badge.css.scss */
#badges-container ul.badges-list li .badge-chart .spinner {
  -webkit-border-radius: 100% 0 0 100%/50% 0 0 50%;
  -moz-border-radius: 100% 0 0 100%/50% 0 0 50%;
  -ms-border-radius: 100% 0 0 100%/50% 0 0 50%;
  -o-border-radius: 100% 0 0 100%/50% 0 0 50%;
  border-radius: 100% 0 0 100%/50% 0 0 50%;
  border: 1px solid #eeeeeb;
  border-right: 0;
  z-index: 3;
}
/* line 63, ../../app/assets/stylesheets/components/users/badge.css.scss */
#badges-container ul.badges-list li .badge-chart .filler {
  display: none;
  left: 50%;
  -webkit-border-radius: 0 100% 100% 0/0 50% 50% 0;
  -moz-border-radius: 0 100% 100% 0/0 50% 50% 0;
  -ms-border-radius: 0 100% 100% 0/0 50% 50% 0;
  -o-border-radius: 0 100% 100% 0/0 50% 50% 0;
  border-radius: 0 100% 100% 0/0 50% 50% 0;
  border: 1px solid #eeeeeb;
  border-left: 0;
  z-index: 2;
}
/* line 72, ../../app/assets/stylesheets/components/users/badge.css.scss */
#badges-container ul.badges-list li .badge-chart .mask {
  display: block;
  position: absolute;
  width: 50%;
  height: 100%;
  background-color: #dad9d2;
  -webkit-border-radius: 100% 0 0 100%/50% 0 0 50%;
  -moz-border-radius: 100% 0 0 100%/50% 0 0 50%;
  -ms-border-radius: 100% 0 0 100%/50% 0 0 50%;
  -o-border-radius: 100% 0 0 100%/50% 0 0 50%;
  border-radius: 100% 0 0 100%/50% 0 0 50%;
  border: 1px solid #eeeeeb;
  border-right: 0;
  z-index: 4;
}
/* line 85, ../../app/assets/stylesheets/components/users/badge.css.scss */
#badges-container ul.badges-list li .badge-chart.past-half .filler {
  display: block;
}
/* line 88, ../../app/assets/stylesheets/components/users/badge.css.scss */
#badges-container ul.badges-list li .badge-chart.past-half .mask {
  display: none;
}
/* line 112, ../../app/assets/stylesheets/components/users/badge.css.scss */
#badges-container ul.badges-list li h4 {
  color: #4a4a39;
  font-size: 12px;
}
/* line 117, ../../app/assets/stylesheets/components/users/badge.css.scss */
#badges-container ul.badges-list li p {
  color: #868679;
  font-size: 10px;
  line-height: 1.5;
  margin-top: 8px;
}

/* line 1, ../../app/assets/stylesheets/components/users/coverart.css.scss */
.uiCoverart {
  z-index: 100;
  width: 100%;
  height: 470px;
  top: 44px;
  left: 0;
  position: fixed;
  background-position: center;
}
/* line 9, ../../app/assets/stylesheets/components/users/coverart.css.scss */
.uiCoverart.fixed {
  top: -330px;
}
/* line 12, ../../app/assets/stylesheets/components/users/coverart.css.scss */
.uiCoverart .inner {
  position: relative;
  height: 100%;
}
/* line 15, ../../app/assets/stylesheets/components/users/coverart.css.scss */
.uiCoverart .inner .uiUserInfo {
  padding-top: 50px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 80px;
  text-align: center;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgwLCAwLCAwLCAwKSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiYSgwLCAwLCAwLCAwLjc1KSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.75)));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
}
/* line 24, ../../app/assets/stylesheets/components/users/coverart.css.scss */
.uiCoverart .inner .uiUserInfo .inner {
  text-align: left;
  margin: 0 auto;
  color: #eee;
}
/* line 28, ../../app/assets/stylesheets/components/users/coverart.css.scss */
.uiCoverart .inner .uiUserInfo .inner h2.flex-container {
  padding: 20px 0;
  font-size: 24px;
}
/* line 32, ../../app/assets/stylesheets/components/users/coverart.css.scss */
.uiCoverart .inner .uiUserInfo .inner .user {
  float: left;
  padding-left: 130px;
  padding-top: 10px;
  text-shadow: rgba(0, 0, 0, 0.75) 1px 1px 3px;
}
/* line 37, ../../app/assets/stylesheets/components/users/coverart.css.scss */
.uiCoverart .inner .uiUserInfo .inner .user h2 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px;
}
/* line 40, ../../app/assets/stylesheets/components/users/coverart.css.scss */
.uiCoverart .inner .uiUserInfo .inner .user p {
  font-size: 11px;
  font-weight: 600;
}
/* line 42, ../../app/assets/stylesheets/components/users/coverart.css.scss */
.uiCoverart .inner .uiUserInfo .inner .follow {
  padding-top: 10px;
  float: right;
}
/* line 45, ../../app/assets/stylesheets/components/users/coverart.css.scss */
.uiCoverart .inner .uiUserInfo .inner .follow .btn {
  padding-left: 30px;
  padding-right: 30px;
}
/* line 50, ../../app/assets/stylesheets/components/users/coverart.css.scss */
.uiCoverart .inner .uiUserInfo .inner .counts {
  padding-top: 20px;
  float: right;
  text-shadow: rgba(0, 0, 0, 0.75) 1px 1px 3px;
}
/* line 54, ../../app/assets/stylesheets/components/users/coverart.css.scss */
.uiCoverart .inner .uiUserInfo .inner .counts > * {
  padding: 0 19px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: 600;
  font-size: 10px;
}
/* line 61, ../../app/assets/stylesheets/components/users/coverart.css.scss */
.uiCoverart .inner .uiUserInfo .inner .counts > * .num {
  margin-bottom: 4px;
  font-weight: 500;
  font-size: 14px;
}
/* line 66, ../../app/assets/stylesheets/components/users/coverart.css.scss */
.uiCoverart .inner .uiUserInfo .inner .counts > * + * {
  border-left: 1px solid #ddd;
}

/* line 1, ../../app/assets/stylesheets/components/users/user_navi.css.scss */
.uiUserNavi {
  position: absolute;
  left: 0px;
  bottom: -37px;
  width: 100%;
  height: 38px;
  background-color: #F7F7F5;
}
/* line 9, ../../app/assets/stylesheets/components/users/user_navi.css.scss */
.uiUserNavi .flex-container {
  position: relative;
}
/* line 11, ../../app/assets/stylesheets/components/users/user_navi.css.scss */
.uiUserNavi .flex-container > .avatar {
  padding: 5px;
  position: absolute;
  left: 40px;
  bottom: 16px;
  background-color: white;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0 1px;
  box-shadow: rgba(0, 0, 0, 0.5) 0 0 1px;
}
@media screen and (max-width: 1023px) {
  /* line 11, ../../app/assets/stylesheets/components/users/user_navi.css.scss */
  .uiUserNavi .flex-container > .avatar {
    left: 34px;
  }
}
/* line 21, ../../app/assets/stylesheets/components/users/user_navi.css.scss */
.uiUserNavi .flex-container > .avatar + ul {
  margin-left: 119px;
}
/* line 25, ../../app/assets/stylesheets/components/users/user_navi.css.scss */
.uiUserNavi .flex-container > ul {
  position: relative;
  display: inline-block;
  height: 45px;
  text-align: left;
}
/* line 32, ../../app/assets/stylesheets/components/users/user_navi.css.scss */
.uiUserNavi .flex-container > ul:before, .uiUserNavi .flex-container > ul:after {
  content: "";
  display: block;
  position: absolute;
  height: 7px;
  width: 2000px;
  bottom: 0;
  background-color: #F7F7F5;
  z-index: -1;
  z-index: 10;
  border-bottom: 1px solid #e1e1d9;
}
/* line 44, ../../app/assets/stylesheets/components/users/user_navi.css.scss */
.uiUserNavi .flex-container > ul:before {
  left: -2000px;
}
/* line 47, ../../app/assets/stylesheets/components/users/user_navi.css.scss */
.uiUserNavi .flex-container > ul:after {
  right: -2000px;
}
/* line 52, ../../app/assets/stylesheets/components/users/user_navi.css.scss */
.uiUserNavi .flex-container > ul > li {
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #e1e1d9;
  height: 45px;
  display: none;
  overflow: hidden;
}
/* line 60, ../../app/assets/stylesheets/components/users/user_navi.css.scss */
.uiUserNavi .flex-container > ul > li:first-child {
  border-left: 1px solid #e1e1d9;
}
/* line 63, ../../app/assets/stylesheets/components/users/user_navi.css.scss */
.uiUserNavi .flex-container > ul > li:last-child {
  position: relative;
  z-index: 15;
}
/* line 67, ../../app/assets/stylesheets/components/users/user_navi.css.scss */
.uiUserNavi .flex-container > ul > li.others {
  overflow: visible;
  width: 67px;
}
/* line 72, ../../app/assets/stylesheets/components/users/user_navi.css.scss */
.uiUserNavi .flex-container > ul > li > a {
  position: relative;
  display: block;
  line-height: 44px;
  color: #88887A;
  padding: 0 15px;
  height: 44px;
  background-color: #f7f7f5;
  border-bottom: 1px solid #e1e1d9;
  z-index: 5;
}
/* line 83, ../../app/assets/stylesheets/components/users/user_navi.css.scss */
.uiUserNavi .flex-container > ul > li > a.active {
  color: #333333;
  position: relative;
  background-color: white;
  height: 38px;
  border-bottom: none;
}
/* line 91, ../../app/assets/stylesheets/components/users/user_navi.css.scss */
.uiUserNavi .flex-container > ul > li > a.active:before, .uiUserNavi .flex-container > ul > li > a.active:after {
  content: "";
  display: block;
  position: absolute;
  height: 7px;
  width: 60%;
  bottom: -7px;
  background-color: #fff;
  border-bottom: 1px solid #e1e1d9;
}
/* line 101, ../../app/assets/stylesheets/components/users/user_navi.css.scss */
.uiUserNavi .flex-container > ul > li > a.active:before {
  left: 50%;
  border-left: 1px solid #e1e1d9;
  -webkit-transform: skewX(45deg) translate(1px, 0);
  -moz-transform: skewX(45deg) translate(1px, 0);
  -ms-transform: skewX(45deg) translate(1px, 0);
  -o-transform: skewX(45deg) translate(1px, 0);
  transform: skewX(45deg) translate(1px, 0);
  z-index: -2;
  margin-left: 2px;
}
/* line 108, ../../app/assets/stylesheets/components/users/user_navi.css.scss */
.uiUserNavi .flex-container > ul > li > a.active:after {
  right: 50%;
  border-right: 1px solid #e1e1d9;
  -webkit-transform: skewX(-45deg) translate(-1px, 0);
  -moz-transform: skewX(-45deg) translate(-1px, 0);
  -ms-transform: skewX(-45deg) translate(-1px, 0);
  -o-transform: skewX(-45deg) translate(-1px, 0);
  transform: skewX(-45deg) translate(-1px, 0);
  z-index: -2;
  margin-right: 2px;
}
/* line 116, ../../app/assets/stylesheets/components/users/user_navi.css.scss */
.uiUserNavi .flex-container > ul > li > a:hover {
  color: #333333;
  background-color: #fff;
  text-decoration: none;
}
/* line 120, ../../app/assets/stylesheets/components/users/user_navi.css.scss */
.uiUserNavi .flex-container > ul > li > a:hover:before {
  background-color: #fff;
}
/* line 123, ../../app/assets/stylesheets/components/users/user_navi.css.scss */
.uiUserNavi .flex-container > ul > li > a:hover:after {
  background-color: #fff;
}

/* line 2, ../../app/assets/stylesheets/components/users/user_popup.css.scss */
.uiUserPopup:hover {
  -webkit-box-shadow: 0px 0px 5px #666666;
  -moz-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666;
  -webkit-transition-property: box-shadow;
  -moz-transition-property: box-shadow;
  -o-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transition-duration: 0.15s;
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
/* line 7, ../../app/assets/stylesheets/components/users/user_popup.css.scss */
.uiUserPopup .screen {
  display: block;
  position: relative;
  overflow: hidden;
  width: 220px;
  height: 110px;
}
/* line 13, ../../app/assets/stylesheets/components/users/user_popup.css.scss */
.uiUserPopup .screen > img {
  display: block;
  min-width: 100%;
}
/* line 17, ../../app/assets/stylesheets/components/users/user_popup.css.scss */
.uiUserPopup .screen .user {
  padding: 30px 10px 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 200px;
  color: #fff;
  display: table;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgwLCAwLCAwLCAwKSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiYSgwLCAwLCAwLCAwLjcpIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
}
/* line 57, ../../app/assets/stylesheets/mixin.css.scss */
.uiUserPopup .screen .user > .col {
  display: table-cell;
}
/* line 63, ../../app/assets/stylesheets/mixin.css.scss */
.uiUserPopup .screen .user > .col:nth-child(1) {
  width: 60px;
}
/* line 63, ../../app/assets/stylesheets/mixin.css.scss */
.uiUserPopup .screen .user > .col:nth-child(2) {
  width: auto;
}
/* line 27, ../../app/assets/stylesheets/components/users/user_popup.css.scss */
.uiUserPopup .screen .user > .col {
  vertical-align: middle;
}
/* line 30, ../../app/assets/stylesheets/components/users/user_popup.css.scss */
.uiUserPopup .screen .user .name {
  margin-bottom: 3px;
  font-size: 12px;
}
/* line 34, ../../app/assets/stylesheets/components/users/user_popup.css.scss */
.uiUserPopup .screen .user .company, .uiUserPopup .screen .user .job {
  font-weight: 300;
  font-size: 10px;
}
/* line 40, ../../app/assets/stylesheets/components/users/user_popup.css.scss */
.uiUserPopup .caption {
  padding: 10px;
  background-color: #fff;
  zoom: 1;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
.uiUserPopup .caption:after {
  content: "";
  display: block;
  clear: both;
}
/* line 77, ../../app/assets/stylesheets/mixin.css.scss */
.uiUserPopup .caption > .col {
  float: left;
}
/* line 80, ../../app/assets/stylesheets/mixin.css.scss */
.uiUserPopup .caption > .col:last-child {
  float: right;
}
/* line 44, ../../app/assets/stylesheets/components/users/user_popup.css.scss */
.uiUserPopup .caption .col:nth-child(2) {
  padding: 3px 0;
}
/* line 46, ../../app/assets/stylesheets/components/users/user_popup.css.scss */
.uiUserPopup .caption .col:nth-child(2) > * {
  display: inline-block;
  font-size: 10px;
}
/* line 49, ../../app/assets/stylesheets/components/users/user_popup.css.scss */
.uiUserPopup .caption .col:nth-child(2) > * + * {
  margin-left: 10px;
}
/* line 17, ../../app/assets/stylesheets/mixin.css.scss */
.uiUserPopup .caption .inspire:before {
  content: '';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  height: 100%;
  vertical-align: middle;
}
/* line 23, ../../app/assets/stylesheets/mixin.css.scss */
.uiUserPopup .caption .inspire > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 56, ../../app/assets/stylesheets/components/users/user_popup.css.scss */
.uiUserPopup .caption .inspire:before {
  content: "";
  width: 13px;
  height: 12px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 1967px auto;
  background-position: -1577px 0;
  margin-right: 5px;
}
/* line 17, ../../app/assets/stylesheets/mixin.css.scss */
.uiUserPopup .caption .collection:before {
  content: '';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  height: 100%;
  vertical-align: middle;
}
/* line 23, ../../app/assets/stylesheets/mixin.css.scss */
.uiUserPopup .caption .collection > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 65, ../../app/assets/stylesheets/components/users/user_popup.css.scss */
.uiUserPopup .caption .collection:before {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2330px auto;
  background-position: -205px 0;
  margin-right: 5px;
}
/* line 17, ../../app/assets/stylesheets/mixin.css.scss */
.uiUserPopup .caption .like:before {
  content: '';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  height: 100%;
  vertical-align: middle;
}
/* line 23, ../../app/assets/stylesheets/mixin.css.scss */
.uiUserPopup .caption .like > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 74, ../../app/assets/stylesheets/components/users/user_popup.css.scss */
.uiUserPopup .caption .like:before {
  content: "";
  width: 12px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2497px auto;
  background-position: -1550px 0;
  margin-right: 5px;
}

/* line 4, ../../app/assets/stylesheets/settings.css.scss */
body.edit #bodyContent #pjax-container,
body.update #bodyContent #pjax-container {
  margin-top: 141px;
}

/* line 9, ../../app/assets/stylesheets/settings.css.scss */
.areaCoverart {
  z-index: 100;
  position: fixed;
  top: 44px;
  left: 0;
  right: 0;
  height: 96px;
  background-position: center center;
}
/* line 17, ../../app/assets/stylesheets/settings.css.scss */
.areaCoverart > .inner {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgwLCAwLCAwLCAwKSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiYSgwLCAwLCAwLCAwLjUpIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.5)));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  height: 100%;
}
/* line 20, ../../app/assets/stylesheets/settings.css.scss */
.areaCoverart > .inner h2.flex-container {
  padding: 35px 0;
  color: #fff;
  font-size: 24px;
}

/* line 2, ../../app/assets/stylesheets/works/form.css.scss */
#works.new h2, #works.edit h2 {
  padding: 30px 0 30px;
  font-size: 18px;
  color: #4a4a3b;
  border-bottom: 1px solid #E1E1D9;
}
/* line 9, ../../app/assets/stylesheets/works/form.css.scss */
#works.new .inspired_work, #works.edit .inspired_work {
  zoom: 1;
  padding-top: 40px;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
#works.new .inspired_work:after, #works.edit .inspired_work:after {
  content: "";
  display: block;
  clear: both;
}
/* line 12, ../../app/assets/stylesheets/works/form.css.scss */
#works.new .inspired_work .meta, #works.edit .inspired_work .meta {
  float: left;
  width: 450px;
}
/* line 15, ../../app/assets/stylesheets/works/form.css.scss */
#works.new .inspired_work .meta .title, #works.edit .inspired_work .meta .title {
  font-size: 18px;
  font-weight: bold;
  line-height: 130%;
}
/* line 20, ../../app/assets/stylesheets/works/form.css.scss */
#works.new .inspired_work .meta .description, #works.edit .inspired_work .meta .description {
  line-height: 130%;
}
/* line 23, ../../app/assets/stylesheets/works/form.css.scss */
#works.new .inspired_work .meta .mini, #works.edit .inspired_work .meta .mini {
  font-size: 10px;
  padding: 20px 0 10px 0;
}
/* line 28, ../../app/assets/stylesheets/works/form.css.scss */
#works.new .inspired_work .thumbnail, #works.edit .inspired_work .thumbnail {
  float: right;
}
/* line 33, ../../app/assets/stylesheets/works/form.css.scss */
#works.new .contest_check, #works.edit .contest_check {
  padding-top: 10px;
  text-indent: -1.5em;
  padding-left: 1.5em;
  line-height: 1.5;
}
/* line 38, ../../app/assets/stylesheets/works/form.css.scss */
#works.new .contest_check a, #works.edit .contest_check a {
  color: #a39c39;
}
/* line 39, ../../app/assets/stylesheets/works/form.css.scss */
#works.new .contest_check + .content_check, #works.edit .contest_check + .content_check {
  padding-top: 30px;
}
/* line 44, ../../app/assets/stylesheets/works/form.css.scss */
#works.new .crop-btn, #works.edit .crop-btn {
  display: block;
  text-align: center;
}
/* line 49, ../../app/assets/stylesheets/works/form.css.scss */
#works.new #upload_restriction, #works.edit #upload_restriction {
  margin: 40px 0;
  padding-bottom: 40px;
  padding-left: 240px;
  border-bottom: 1px solid #e1e1d9;
  zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
#works.new #upload_restriction:after, #works.edit #upload_restriction:after {
  content: "";
  display: block;
  clear: both;
}
/* line 57, ../../app/assets/stylesheets/works/form.css.scss */
#works.new #upload_restriction .col:nth-child(1), #works.edit #upload_restriction .col:nth-child(1) {
  float: left;
  width: 220px;
  margin-left: -240px;
  zoom: 1;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
#works.new #upload_restriction .col:nth-child(1):after, #works.edit #upload_restriction .col:nth-child(1):after {
  content: "";
  display: block;
  clear: both;
}
/* line 63, ../../app/assets/stylesheets/works/form.css.scss */
#works.new #upload_restriction .col:nth-child(1) header, #works.edit #upload_restriction .col:nth-child(1) header {
  background: #e1e1d9;
  padding: 19px 20px 19px 15px;
  color: #333;
}
/* line 68, ../../app/assets/stylesheets/works/form.css.scss */
#works.new #upload_restriction .col:nth-child(1) header i, #works.edit #upload_restriction .col:nth-child(1) header i {
  float: left;
  margin-right: 10px;
  margin-top: 2px;
}
/* line 74, ../../app/assets/stylesheets/works/form.css.scss */
#works.new #upload_restriction .col:nth-child(1) header .uiProgressBar, #works.edit #upload_restriction .col:nth-child(1) header .uiProgressBar {
  margin-top: 6px;
  width: 148px;
}
/* line 80, ../../app/assets/stylesheets/works/form.css.scss */
#works.new #upload_restriction .col:nth-child(1) .counter, #works.edit #upload_restriction .col:nth-child(1) .counter {
  background: #f5f5f2;
  padding: 14px 20px;
  line-height: 21px;
  color: #88887a;
}
/* line 86, ../../app/assets/stylesheets/works/form.css.scss */
#works.new #upload_restriction .col:nth-child(1) .counter + .counter, #works.edit #upload_restriction .col:nth-child(1) .counter + .counter {
  border-top: 1px solid #e1e1d9;
}
/* line 90, ../../app/assets/stylesheets/works/form.css.scss */
#works.new #upload_restriction .col:nth-child(1) .counter i, #works.edit #upload_restriction .col:nth-child(1) .counter i {
  font-size: 21px;
  color: #4a4a3b;
  float: right;
}
/* line 98, ../../app/assets/stylesheets/works/form.css.scss */
#works.new #upload_restriction .col:nth-child(2), #works.edit #upload_restriction .col:nth-child(2) {
  float: right;
  width: 100%;
}
/* line 102, ../../app/assets/stylesheets/works/form.css.scss */
#works.new #upload_restriction .col:nth-child(2) p + p, #works.edit #upload_restriction .col:nth-child(2) p + p {
  margin-top: 17px;
}
/* line 106, ../../app/assets/stylesheets/works/form.css.scss */
#works.new #upload_restriction .col:nth-child(2) strong, #works.edit #upload_restriction .col:nth-child(2) strong {
  display: block;
  font-size: 12px;
  color: #4a4a3a;
  margin-bottom: 5px;
}
/* line 113, ../../app/assets/stylesheets/works/form.css.scss */
#works.new #upload_restriction .col:nth-child(2) small, #works.edit #upload_restriction .col:nth-child(2) small {
  font-size: 10px;
  color: #878779;
  line-height: 1.5;
}
/* line 121, ../../app/assets/stylesheets/works/form.css.scss */
#works.new .hint, #works.edit .hint {
  line-height: 1.5;
}
/* line 45, ../../app/assets/stylesheets/mixin.css.scss */
#works.new label[for="work_category"] + .input .customSelect, #works.edit label[for="work_category"] + .input .customSelect {
  width: 100%;
}
/* line 45, ../../app/assets/stylesheets/mixin.css.scss */
#works.new label[for="work_wip"] + .input .customSelect, #works.edit label[for="work_wip"] + .input .customSelect {
  width: 100%;
}
/* line 132, ../../app/assets/stylesheets/works/form.css.scss */
#works.new #work_url, #works.edit #work_url {
  width: 100%;
}

/* line 4, ../../app/assets/stylesheets/works/popular.css.scss */
#works.popular,
#works.latest,
#works.wip {
  /* Layout
  --------------------------------------------------*/
}

/* line 4, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking .sidebar-container {
  zoom: 1;
  padding-right: 240px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
#works.ranking .sidebar-container:after {
  content: "";
  display: block;
  clear: both;
}
/* line 10, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main {
  float: left;
  width: 100%;
}
/* line 14, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main header {
  zoom: 1;
  width: 100%;
  margin: 20px 0;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
#works.ranking #ranking_main header:after {
  content: "";
  display: block;
  clear: both;
}
/* line 19, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main header h1 {
  float: left;
  color: #4a4a39;
  font-size: 18px;
  line-height: 34px;
}
/* line 25, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main header h1 span {
  color: #b3b3b1;
  font-size: 14px;
  padding-left: 10px;
}
/* line 30, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main header h1 span i {
  padding: 0 3px;
}
@media screen and (max-width: 1024px) {
  /* line 25, ../../app/assets/stylesheets/works/ranking.css.scss */
  #works.ranking #ranking_main header h1 span {
    display: none;
  }
}
/* line 41, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main header .controller {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  float: right;
}
/* line 45, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main header .controller .customSelect {
  margin-left: 10px;
}
/* line 51, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main section {
  zoom: 1;
  padding-left: 250px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e1e1d9;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
#works.ranking #ranking_main section:after {
  content: "";
  display: block;
  clear: both;
}
/* line 59, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main section .thumbnail {
  float: left;
  margin-left: -250px;
  width: 220px;
  height: 146px;
  position: relative;
  /*
  				&:before {
  					content: "";
  					display: block;
  					position: absolute;
  					top: -3px;
  					right: -3px;
  					width: 0;
  					height: 0;
  					border: 25px solid;
  					border-color: #a1a130 #a1a130 transparent transparent;
  					z-index: 6;
  				}
  
  				&:after {
  					content: "";
  					display: block;
  					position: absolute;
  					top: -3px;
  					right: -3px;
  					width: 50px;
  					height: 50px;
  					background: #000;
  					z-index: 4;
  				}
  
  				img {
  					position: relative;
  					z-index: 5;
  				}
  
  				span {
  					display: block;
  					position: absolute;
  					top: 8px;
  					right: -3px;
  					width: 35px;
  					text-align: center;
  					font-size: 11px;
  					z-index: 7;
  					color: #fff;
  					@include transform(rotate(45deg));
  				} */
}
/* line 109, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main section .thumbnail > div {
  position: relative;
}
/* line 112, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main section .thumbnail > div img {
  position: relative;
  width: 220px;
  height: auto;
}
/* line 120, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main section.gold .thumbnail:before {
  border-color: #c9b475 #c9b475 transparent transparent;
}
/* line 123, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main section.sliver .thumbnail:before {
  border-color: #999 #999 transparent transparent;
}
/* line 126, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main section.bronze .thumbnail:before {
  border-color: #91582b #91582b transparent transparent;
}
/* line 129, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main section.black .thumbnail:before {
  border-color: #333 #333 transparent transparent;
}
/* line 133, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main section .detail {
  float: right;
  width: 100%;
}
/* line 137, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main section .detail h2 {
  color: #4a4a3a;
  font-size: 18px;
  margin-bottom: 10px;
}
/* line 142, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main section .detail h2:after {
  content: "";
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  position: relative;
  top: -2px;
  background: url(/assets/works/ranking_fluctuation.png) no-repeat;
  margin-left: 10px;
  height: 16px;
}
/* line 152, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main section .detail h2 a {
  color: #4a4a3a;
}
/* line 157, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main section .detail a.user {
  display: block;
  color: #a1a130;
}
/* line 161, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main section .detail a.user span {
  margin-left: 10px;
  line-height: 24px;
}
/* line 167, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main section .detail ul.stat {
  margin-top: 10px;
  zoom: 1;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
#works.ranking #ranking_main section .detail ul.stat:after {
  content: "";
  display: block;
  clear: both;
}
/* line 171, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main section .detail ul.stat > li {
  float: left;
  margin-right: 10px;
  color: #89887b;
}
/* line 176, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main section .detail ul.stat > li a:hover {
  text-decoration: none;
}
/* line 180, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main section .detail ul.stat > li:before {
  margin-top: -1px;
}
/* line 183, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main section .detail ul.stat > li.icon-heart:before {
  width: 11px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2289px auto;
  background-position: -1473px 0;
}
/* line 186, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main section .detail ul.stat > li.icon-folder:before {
  margin-top: -2px;
  width: 14px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2742px auto;
  background-position: -1503px 0;
}
/* line 193, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main section .detail h3 {
  color: #89897b;
  font-size: 12px;
  margin: 22px 0 14px;
  line-height: 1;
}
/* line 200, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main section .detail ul.liked-users {
  zoom: 1;
  margin: -3px 0 0 -3px;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
#works.ranking #ranking_main section .detail ul.liked-users:after {
  content: "";
  display: block;
  clear: both;
}
/* line 204, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main section .detail ul.liked-users li {
  float: left;
  margin: 3px 0 0 3px;
}
/* line 208, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main section .detail ul.liked-users li.omission {
  line-height: 14px;
  width: 24px;
  height: 24px;
  text-align: center;
  font-size: 14px;
  letter-spacing: 1px;
  color: #89897b;
}
/* line 221, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main section.up .detail h2:after {
  background-position: 0 0;
  width: 32px;
}
/* line 225, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main section.stay .detail h2:after {
  background-position: -32px 0;
  width: 44px;
}
/* line 229, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_main section.down .detail h2:after {
  background-position: -76px 0;
  width: 51px;
}
/* line 236, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_sub {
  float: right;
  width: 200px;
  margin-right: -240px;
  padding-top: 30px;
}
/* line 243, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_sub aside + aside {
  margin-top: 27px;
}
/* line 247, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_sub aside h2 {
  font-size: 12px;
  color: #4a4a3b;
  margin-bottom: 10px;
  font-weight: bold;
}
/* line 255, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_sub aside.pickup-creators .grid1 {
  margin: 0;
  width: 200px;
}
/* line 259, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_sub aside.pickup-creators .grid1 + .grid1 {
  margin-top: 20px;
}
/* line 263, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_sub aside.pickup-creators .grid1 .uiUserPopup .screen {
  width: 200px;
}
/* line 270, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_sub aside.pickup-works > ul {
  zoom: 1;
  margin: -10px 0 0 -10px;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
#works.ranking #ranking_sub aside.pickup-works > ul:after {
  content: "";
  display: block;
  clear: both;
}
/* line 274, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_sub aside.pickup-works > ul li {
  float: left;
  margin: 10px 0 0 10px;
}
/* line 278, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_sub aside.pickup-works > ul li img {
  border: 5px solid #fff;
}
/* line 287, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_sub aside.pickup-collections > ul > li {
  zoom: 1;
  padding: 15px;
  background: #e1e1d9;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
#works.ranking #ranking_sub aside.pickup-collections > ul > li:after {
  content: "";
  display: block;
  clear: both;
}
/* line 292, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_sub aside.pickup-collections > ul > li:nth-child(2n) {
  background: #f5f5f2;
}
/* line 296, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_sub aside.pickup-collections > ul > li strong {
  display: block;
  color: #4a4a39;
  margin-bottom: 10px;
}
/* line 302, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_sub aside.pickup-collections > ul > li a {
  color: #a1a130;
  float: left;
}
/* line 307, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_sub aside.pickup-collections > ul > li ul {
  zoom: 1;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  float: right;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
#works.ranking #ranking_sub aside.pickup-collections > ul > li ul:after {
  content: "";
  display: block;
  clear: both;
}
/* line 312, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_sub aside.pickup-collections > ul > li ul li {
  float: left;
  margin-left: 10px;
  color: #89887b;
}
/* line 317, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_sub aside.pickup-collections > ul > li ul li:before {
  margin-top: -1px;
}
/* line 320, ../../app/assets/stylesheets/works/ranking.css.scss */
#works.ranking #ranking_sub aside.pickup-collections > ul > li ul li.icon-heart:before {
  width: 11px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2289px auto;
  background-position: -1473px 0;
}

/* line 3, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent,
#pjax-work-container {
  /* Layout
  --------------------------------------------------*/
  /* Main
  --------------------------------------------------*/
}
@media screen and (max-width: 1028px) {
  /* line 9, ../../app/assets/stylesheets/works/show.css.scss */
  #works.show #bodyContent #work_sub,
  #pjax-work-container #work_sub {
    min-height: 0 !important;
  }
}
@media screen and (min-width: 1028px) {
  /* line 15, ../../app/assets/stylesheets/works/show.css.scss */
  #works.show #bodyContent #work_main,
  #pjax-work-container #work_main {
    width: 940px !important;
  }
  /* line 19, ../../app/assets/stylesheets/works/show.css.scss */
  #works.show #bodyContent #work_sub,
  #pjax-work-container #work_sub {
    border-top: none !important;
    border-left: 1px solid #e1e1d9;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 240px;
  }
  /* line 28, ../../app/assets/stylesheets/works/show.css.scss */
  #works.show #bodyContent #work_sub > .col,
  #pjax-work-container #work_sub > .col {
    border: none !important;
    display: block !important;
    width: auto !important;
  }
  /* line 34, ../../app/assets/stylesheets/works/show.css.scss */
  #works.show #bodyContent #work_sub .areaUser,
  #pjax-work-container #work_sub .areaUser {
    min-height: 60px;
  }
  /* line 38, ../../app/assets/stylesheets/works/show.css.scss */
  #works.show #bodyContent #work_sub .areaCaption,
  #pjax-work-container #work_sub .areaCaption {
    padding: 30px 20px !important;
    border-top: 1px solid #e1e1d9;
  }
  /* line 41, ../../app/assets/stylesheets/works/show.css.scss */
  #works.show #bodyContent #work_sub .areaCaption > .caption,
  #pjax-work-container #work_sub .areaCaption > .caption {
    word-break: break-all;
  }
  /* line 46, ../../app/assets/stylesheets/works/show.css.scss */
  #works.show #bodyContent #work_sub .areaAward,
  #pjax-work-container #work_sub .areaAward {
    border-top: 1px solid #e1e1d9;
  }
  /* line 51, ../../app/assets/stylesheets/works/show.css.scss */
  #works.show #bodyContent #work_sub .areaLink ul,
  #pjax-work-container #work_sub .areaLink ul {
    border-bottom: 1px solid #e1e1d9;
  }
  /* line 56, ../../app/assets/stylesheets/works/show.css.scss */
  #works.show #bodyContent #utility,
  #pjax-work-container #utility {
    width: 940px !important;
  }
}
/* line 66, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main,
#pjax-work-container #work_main {
  position: relative;
  background-color: #fff;
}
/* line 70, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .close,
#pjax-work-container #work_main .close {
  display: none;
  cursor: pointer;
}
/* line 76, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaHeader,
#pjax-work-container #work_main .areaHeader {
  zoom: 1;
  padding: 27px 30px;
  width: 640px;
  min-height: 40px;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
#works.show #bodyContent #work_main .areaHeader:after,
#pjax-work-container #work_main .areaHeader:after {
  content: "";
  display: block;
  clear: both;
}
/* line 81, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaHeader .col:nth-child(1),
#pjax-work-container #work_main .areaHeader .col:nth-child(1) {
  float: left;
  width: 370px;
}
/* line 84, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaHeader .col:nth-child(1) .title,
#pjax-work-container #work_main .areaHeader .col:nth-child(1) .title {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0;
}
/* line 89, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaHeader .col:nth-child(1) .category,
#pjax-work-container #work_main .areaHeader .col:nth-child(1) .category {
  margin-top: 10px;
  font-size: 11px;
  color: #89897B;
}
/* line 95, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaHeader .col:nth-child(2),
#pjax-work-container #work_main .areaHeader .col:nth-child(2) {
  float: right;
}
/* line 97, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaHeader .col:nth-child(2) .uiAddCollection,
#pjax-work-container #work_main .areaHeader .col:nth-child(2) .uiAddCollection {
  margin-left: 10px;
}
/* line 104, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaScreen,
#pjax-work-container #work_main .areaScreen {
  padding: 30px;
  border-top: 1px solid #e1e1d9;
}
/* line 107, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaScreen .video,
#pjax-work-container #work_main .areaScreen .video {
  position: relative;
}
/* line 109, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaScreen .video:after,
#pjax-work-container #work_main .areaScreen .video:after {
  width: 104px;
  height: 104px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2713px 0;
  content: "";
  margin-top: -52px;
  margin-left: -52px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 104px;
  height: 104px;
}
/* line 123, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaScreen ul.screen li + li,
#pjax-work-container #work_main .areaScreen ul.screen li + li {
  margin-top: 20px;
}
/* line 133, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaAction .rowInspire,
#pjax-work-container #work_main .areaAction .rowInspire {
  border-top: 1px solid #e1e1d9;
  display: table;
}
/* line 136, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaAction .rowInspire .col:nth-child(1),
#pjax-work-container #work_main .areaAction .rowInspire .col:nth-child(1) {
  display: table-cell;
  width: 100px;
  background-color: #F5F5F2;
  text-align: center;
  vertical-align: middle;
}
/* line 142, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaAction .rowInspire .col:nth-child(1) i[class^="icon"],
#pjax-work-container #work_main .areaAction .rowInspire .col:nth-child(1) i[class^="icon"] {
  margin-bottom: 8px;
}
/* line 146, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaAction .rowInspire .col:nth-child(2),
#pjax-work-container #work_main .areaAction .rowInspire .col:nth-child(2) {
  padding: 20px;
  padding-top: 25px;
  padding-left: 110px;
  display: table-cell;
  position: relative;
  float: left;
  width: 470px;
  min-height: 48px;
  vertical-align: middle;
}
/* line 156, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaAction .rowInspire .col:nth-child(2) .title,
#pjax-work-container #work_main .areaAction .rowInspire .col:nth-child(2) .title {
  font-size: 12px;
}
/* line 159, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaAction .rowInspire .col:nth-child(2) .iconUser,
#pjax-work-container #work_main .areaAction .rowInspire .col:nth-child(2) .iconUser {
  margin-top: 10px;
  display: block;
}
/* line 163, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaAction .rowInspire .col:nth-child(2) .image,
#pjax-work-container #work_main .areaAction .rowInspire .col:nth-child(2) .image {
  position: absolute;
  top: 20px;
  left: 20px;
}
/* line 172, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaAction .rowShare,
#pjax-work-container #work_main .areaAction .rowShare {
  border-top: 1px solid #e1e1d9;
  display: table;
}
/* line 175, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaAction .rowShare .col:nth-child(1),
#pjax-work-container #work_main .areaAction .rowShare .col:nth-child(1) {
  display: table-cell;
  width: 100px;
  background-color: #F5F5F2;
  text-align: center;
  vertical-align: middle;
}
/* line 182, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaAction .rowShare .col:nth-child(2),
#pjax-work-container #work_main .areaAction .rowShare .col:nth-child(2) {
  padding: 15px 20px;
  display: table-cell;
  float: left;
  width: 560px;
  vertical-align: middle;
}
/* line 192, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaAction .rowForm,
#pjax-work-container #work_main .areaAction .rowForm {
  border-top: 1px solid #e1e1d9;
  display: table;
  background-color: #F5F5F2;
}
/* line 197, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(1),
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(1) {
  padding: 20px 0;
  display: table-cell;
  width: 100px;
  text-align: center;
  vertical-align: top;
}
/* line 203, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(1) .avatar,
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(1) .avatar {
  padding: 5px;
  display: inline-block;
  background-color: #fff;
}
/* line 207, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(1) .avatar .avatar,
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(1) .avatar .avatar {
  padding: 0;
}
/* line 212, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2),
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) {
  padding: 20px 0;
  display: table-cell;
  position: relative;
  width: 600px;
}
/* line 217, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2) textarea,
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) textarea {
  width: 580px;
  max-width: 580px;
  height: 59px;
  padding: 10px;
  font-size: 12px;
  padding-right: 25px \0/IE9;
}
/* line 225, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2) .num,
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) .num {
  display: inline-block;
  float: right;
  position: relative;
  top: -18px;
  line-height: 10px;
  font-size: 10px;
  margin-right: 28px;
  margin-right: 42px \0/IE9;
}
/* line 234, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2) .num.red,
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) .num.red {
  color: #BE3A31;
}
/* line 240, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtonsWrapper,
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtonsWrapper {
  width: 100%;
}
/* line 243, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons,
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons {
  zoom: 1;
  display: table;
  width: 580px;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
#works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons:after,
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons:after {
  content: "";
  display: block;
  clear: both;
}
/* line 247, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons.hidden,
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons.hidden {
  display: none;
}
/* line 250, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(1),
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(1) {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}
/* line 254, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(1) label,
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(1) label {
  display: inline-block;
}
/* line 256, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(1) label + label,
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(1) label + label {
  margin-left: 10px;
}
/* line 261, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2),
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) {
  display: table-cell;
  text-align: right;
}
/* line 264, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) > a + a,
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) > a + a {
  margin-left: 10px;
}
/* line 267, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-like,
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-like {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: white;
  background-color: #ad4840;
  outline: none;
  cursor: pointer;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
}
/* line 17, ../../app/assets/stylesheets/mixin.css.scss */
#works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-like:before,
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-like:before {
  content: '';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  height: 100%;
  vertical-align: middle;
}
/* line 23, ../../app/assets/stylesheets/mixin.css.scss */
#works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-like > *,
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-like > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 57, ../../app/assets/stylesheets/buttons.css.scss */
#works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-like:hover, #works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-like.hover,
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-like:hover,
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-like.hover {
  color: white;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
}
/* line 73, ../../app/assets/stylesheets/buttons.css.scss */
#works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-like:active, #works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-like.disable, #works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-like.current,
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-like:active,
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-like.disable,
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-like.current {
  color: rgba(255, 255, 255, 0.5);
  background-color: #79322c;
  -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3);
}
/* line 270, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-post,
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-post {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: white;
  background-color: #a39c39;
  outline: none;
  cursor: pointer;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
}
/* line 17, ../../app/assets/stylesheets/mixin.css.scss */
#works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-post:before,
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-post:before {
  content: '';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  height: 100%;
  vertical-align: middle;
}
/* line 23, ../../app/assets/stylesheets/mixin.css.scss */
#works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-post > *,
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-post > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 57, ../../app/assets/stylesheets/buttons.css.scss */
#works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-post:hover, #works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-post.hover,
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-post:hover,
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-post.hover {
  color: white;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
}
/* line 73, ../../app/assets/stylesheets/buttons.css.scss */
#works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-post:active, #works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-post.disable, #works.show #bodyContent #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-post.current,
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-post:active,
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-post.disable,
#pjax-work-container #work_main .areaAction .rowForm > .col:nth-child(2) .rowButtons > .col:nth-child(2) .btn-post.current {
  color: rgba(255, 255, 255, 0.5);
  background-color: #736e28;
  -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3);
}
/* line 280, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaReactions,
#pjax-work-container #work_main .areaReactions {
  border-top: 1px solid #e1e1d9;
}
/* line 282, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaReactions.hidden,
#pjax-work-container #work_main .areaReactions.hidden {
  display: none;
}
/* line 285, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaReactions h3,
#pjax-work-container #work_main .areaReactions h3 {
  padding: 15px;
}
/* line 287, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaReactions h3 i[class^="icon"],
#pjax-work-container #work_main .areaReactions h3 i[class^="icon"] {
  margin-right: 10px;
  position: relative;
  top: 2px;
}
/* line 292, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaReactions h3 .num,
#pjax-work-container #work_main .areaReactions h3 .num {
  margin-right: 3px;
  display: inline;
}
/* line 298, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaReactions ul li,
#pjax-work-container #work_main .areaReactions ul li {
  border-top: 1px solid #e1e1d9;
  display: table;
  position: relative;
}
/* line 302, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaReactions ul li.hidden,
#pjax-work-container #work_main .areaReactions ul li.hidden {
  display: none;
}
/* line 305, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaReactions ul li .col:nth-child(1),
#pjax-work-container #work_main .areaReactions ul li .col:nth-child(1) {
  padding: 20px;
  display: table-cell;
  width: 60px;
  height: 60px;
  background-color: #F5F5F2;
  text-align: center;
  vertical-align: middle;
}
/* line 313, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaReactions ul li .col:nth-child(1) .avatar img,
#pjax-work-container #work_main .areaReactions ul li .col:nth-child(1) .avatar img {
  padding: 5px;
  background-color: #fff;
}
/* line 318, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaReactions ul li .col:nth-child(2),
#pjax-work-container #work_main .areaReactions ul li .col:nth-child(2) {
  padding: 20px;
  position: relative;
  display: table-cell;
  width: 560px;
  vertical-align: middle;
}
/* line 324, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaReactions ul li .col:nth-child(2) p,
#pjax-work-container #work_main .areaReactions ul li .col:nth-child(2) p {
  line-height: 1.5;
}
/* line 327, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaReactions ul li .col:nth-child(2) a,
#pjax-work-container #work_main .areaReactions ul li .col:nth-child(2) a {
  color: #a1a130;
  cursor: pointer;
}
/* line 331, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaReactions ul li .col:nth-child(2) .voice:after,
#pjax-work-container #work_main .areaReactions ul li .col:nth-child(2) .voice:after {
  margin-top: -8px;
  content: "";
  position: absolute;
  top: 50%;
  left: -3px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #fff;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
/* line 343, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaReactions ul li .col:nth-child(2) .meta,
#pjax-work-container #work_main .areaReactions ul li .col:nth-child(2) .meta {
  margin-top: 5px;
  font-size: 10px;
  color: #878779;
}
/* line 347, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaReactions ul li .col:nth-child(2) .meta > .reply, #works.show #bodyContent #work_main .areaReactions ul li .col:nth-child(2) .meta > .delete,
#pjax-work-container #work_main .areaReactions ul li .col:nth-child(2) .meta > .reply,
#pjax-work-container #work_main .areaReactions ul li .col:nth-child(2) .meta > .delete {
  margin-left: 10px;
}
/* line 351, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaReactions ul li .col:nth-child(2) .time,
#pjax-work-container #work_main .areaReactions ul li .col:nth-child(2) .time {
  color: #89897B;
  font-size: 10px;
}
/* line 355, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaReactions ul li .col:nth-child(2) ul.user,
#pjax-work-container #work_main .areaReactions ul li .col:nth-child(2) ul.user {
  margin-top: 6px;
}
/* line 357, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaReactions ul li .col:nth-child(2) ul.user li,
#pjax-work-container #work_main .areaReactions ul li .col:nth-child(2) ul.user li {
  display: inline-block;
  margin-right: 4px;
  margin-top: 3px;
}
/* line 363, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaReactions ul li .col:nth-child(2) .image,
#pjax-work-container #work_main .areaReactions ul li .col:nth-child(2) .image {
  display: inline-block;
  vertical-align: middle;
}
/* line 367, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaReactions ul li .col:nth-child(2) .caption,
#pjax-work-container #work_main .areaReactions ul li .col:nth-child(2) .caption {
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
  word-break: break-all;
}
/* line 372, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .areaReactions ul li .col:nth-child(2) .caption .title,
#pjax-work-container #work_main .areaReactions ul li .col:nth-child(2) .caption .title {
  margin-top: 5px;
}
/* line 382, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .rowMore,
#pjax-work-container #work_main .rowMore {
  padding: 10px;
  border-top: 1px solid #e1e1d9;
}
/* line 385, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_main .rowMore > .btn,
#pjax-work-container #work_main .rowMore > .btn {
  margin: 0;
  width: 640px;
}
/* line 393, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub,
#pjax-work-container #work_sub {
  border-top: 1px solid #e1e1d9;
  background-color: #F5F5F2;
  vertical-align: top;
}
/* line 398, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub > .col:nth-child(1),
#pjax-work-container #work_sub > .col:nth-child(1) {
  display: table-cell;
  width: 460px;
}
/* line 402, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub > .col:nth-child(2),
#pjax-work-container #work_sub > .col:nth-child(2) {
  border-left: 1px solid #e1e1d9;
  display: table-cell;
  width: 240px;
  vertical-align: top;
}
/* line 410, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub .areaUser,
#pjax-work-container #work_sub .areaUser {
  padding: 20px;
  display: block;
  word-break: break-all;
}
/* line 414, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub .areaUser .avatar,
#pjax-work-container #work_sub .areaUser .avatar {
  display: table-cell;
  vertical-align: top;
}
/* line 417, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub .areaUser .avatar img,
#pjax-work-container #work_sub .areaUser .avatar img {
  padding: 5px;
  background-color: #fff;
}
/* line 422, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub .areaUser .meta,
#pjax-work-container #work_sub .areaUser .meta {
  padding-left: 10px;
  display: table-cell;
  vertical-align: middle;
}
/* line 426, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub .areaUser .meta .name,
#pjax-work-container #work_sub .areaUser .meta .name {
  color: #4a4a3b;
  font-weight: 400;
  font-size: 16px;
}
/* line 431, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub .areaUser .meta .company,
#pjax-work-container #work_sub .areaUser .meta .company {
  margin-top: 5px;
  color: #88887A;
  font-size: 10px;
}
/* line 436, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub .areaUser .meta .job,
#pjax-work-container #work_sub .areaUser .meta .job {
  margin-top: 3px;
  color: #88887A;
  font-size: 10px;
}
/* line 442, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub .areaUser:hover,
#pjax-work-container #work_sub .areaUser:hover {
  text-decoration: none;
  background-color: #e1e1d9;
}
/* line 449, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub .areaCaption,
#pjax-work-container #work_sub .areaCaption {
  padding: 0 20px 20px;
}
/* line 451, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub .areaCaption p,
#pjax-work-container #work_sub .areaCaption p {
  line-height: 1.5;
}
/* line 454, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub .areaCaption .time,
#pjax-work-container #work_sub .areaCaption .time {
  margin-top: 5px;
  color: #88887A;
  font-size: 10px;
}
/* line 462, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub .areaAward,
#pjax-work-container #work_sub .areaAward {
  padding: 15px 20px;
}
/* line 464, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub .areaAward .col,
#pjax-work-container #work_sub .areaAward .col {
  display: inline-block;
  vertical-align: middle;
}
/* line 468, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub .areaAward .col:nth-child(2),
#pjax-work-container #work_sub .areaAward .col:nth-child(2) {
  padding-left: 15px;
}
/* line 471, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub .areaAward .title,
#pjax-work-container #work_sub .areaAward .title {
  color: #a1a130;
  font-size: 10px;
}
/* line 475, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub .areaAward .caption,
#pjax-work-container #work_sub .areaAward .caption {
  margin-top: 4px;
}
/* line 481, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub .areaInfo,
#pjax-work-container #work_sub .areaInfo {
  padding: 20px 20px;
  border-top: 1px solid #e1e1d9;
}
/* line 484, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub .areaInfo > * + *,
#pjax-work-container #work_sub .areaInfo > * + * {
  margin-top: 10px;
}
/* line 487, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub .areaInfo *,
#pjax-work-container #work_sub .areaInfo * {
  color: #89897B;
}
/* line 490, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub .areaInfo .num,
#pjax-work-container #work_sub .areaInfo .num {
  float: right;
  color: #4A4A3B;
}
/* line 500, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub .areaLink ul li a,
#pjax-work-container #work_sub .areaLink ul li a {
  padding: 15px;
  border-top: 1px solid #e1e1d9;
  display: block;
  color: #89897b;
}
/* line 505, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub .areaLink ul li a .icon-flash-w7,
#pjax-work-container #work_sub .areaLink ul li a .icon-flash-w7 {
  width: 7px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2118px auto;
  background-position: -1035px 2px;
  margin-right: 10px;
  width: 15px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
/* line 514, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub .areaLink ul li a:hover,
#pjax-work-container #work_sub .areaLink ul li a:hover {
  background-color: #e1e1d9;
  text-decoration: none;
}
/* line 517, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub .areaLink ul li a:hover .icon-flash-w7,
#pjax-work-container #work_sub .areaLink ul li a:hover .icon-flash-w7 {
  width: 7px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2118px auto;
  background-position: -1015px 2px;
  margin-right: 10px;
  width: 15px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
/* line 527, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub .areaLink ul li a i[class^="icon"],
#pjax-work-container #work_sub .areaLink ul li a i[class^="icon"] {
  margin-right: 10px;
  width: 15px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
/* line 534, ../../app/assets/stylesheets/works/show.css.scss */
#works.show #bodyContent #work_sub .areaLink ul li a i.icon-chevron-right,
#pjax-work-container #work_sub .areaLink ul li a i.icon-chevron-right {
  margin-right: 0;
  float: right;
  top: 2px;
}

@-moz-document url-prefix() {
  /* line 547, ../../app/assets/stylesheets/works/show.css.scss */
  #works.show #bodyContent #work_main .areaReactions ul li .col:nth-child(2) .voice:after, #pjax-work-container #work_main .areaReactions ul li .col:nth-child(2) .voice:after {
    left: 97px;
  }
}

/* line 556, ../../app/assets/stylesheets/works/show.css.scss */
#utility .areaLikes {
  margin-top: 48px;
}
/* line 558, ../../app/assets/stylesheets/works/show.css.scss */
#utility .areaLikes ul.user {
  margin-top: 12px;
  margin-left: -20px;
}
/* line 104, ../../app/assets/stylesheets/mixin.css.scss */
#utility .areaLikes ul.user li {
  margin-top: 10px;
  margin-left: 20px;
  padding: 5px;
  display: inline-block;
  background-color: #fff;
}
/* line 110, ../../app/assets/stylesheets/mixin.css.scss */
#utility .areaLikes ul.user li.hidden {
  display: none;
}
/* line 564, ../../app/assets/stylesheets/works/show.css.scss */
#utility .areaCollections {
  margin-top: 43px;
}
/* line 569, ../../app/assets/stylesheets/works/show.css.scss */
#utility .areaLatest {
  margin-top: 23px;
}
/* line 571, ../../app/assets/stylesheets/works/show.css.scss */
#utility .areaLatest .row {
  margin-top: 17px;
}

/* line 577, ../../app/assets/stylesheets/works/show.css.scss */
#pjax-work-container {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3000;
  overflow: auto;
  width: 100% !important;
  background: rgba(255, 255, 255, 0.96);
  -webkit-overflow-scrolling: touch;
}
/* line 590, ../../app/assets/stylesheets/works/show.css.scss */
#pjax-work-container.show {
  display: block;
}
/* line 594, ../../app/assets/stylesheets/works/show.css.scss */
#pjax-work-container.loading {
  background-image: url(/assets/loader.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
/* line 600, ../../app/assets/stylesheets/works/show.css.scss */
#pjax-work-container #work_main {
  margin: 0 auto;
  width: 700px;
  position: relative;
  z-index: 999;
  -webkit-box-shadow: 0px 0px 5px #666666;
  -moz-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666;
}
/* line 607, ../../app/assets/stylesheets/works/show.css.scss */
#pjax-work-container #work_main .close {
  display: block;
  position: absolute;
  top: -50px;
  right: -25px;
}
/* line 615, ../../app/assets/stylesheets/works/show.css.scss */
#pjax-work-container #utility {
  margin: 0 auto;
  padding: 0 32px;
  width: 700px;
}
/* line 622, ../../app/assets/stylesheets/works/show.css.scss */
#pjax-work-container #utility .areaLikes ul.user li {
  -webkit-box-shadow: 0px 0px 5px #666666;
  -moz-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666;
}
/* line 629, ../../app/assets/stylesheets/works/show.css.scss */
#pjax-work-container #utility .uiWorkGrid,
#pjax-work-container #utility .uiCollectionGrid {
  -webkit-box-shadow: 0px 0px 5px #666666;
  -moz-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666;
}

/* line 4, ../../app/assets/stylesheets/works/works.css.scss */
#works #bodyContent .header .control {
  display: block;
}

/* line 4, ../../app/assets/stylesheets/collections/index.css.scss */
#collections.index #headContent .flex-container {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  max-width: 100% !important;
}
/* line 7, ../../app/assets/stylesheets/collections/index.css.scss */
#collections.index #headContent h1 {
  margin: 0 auto;
  padding: 27px 0 25px !important;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 1px;
}
@media screen and (min-width: 768px) {
  /* line 7, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent h1 {
    width: 700px;
    padding: 0 32px;
  }
}
@media screen and (max-width: 768px) {
  /* line 7, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent h1 {
    width: 700px;
    padding: 0 32px;
  }
}
@media screen and (min-width: 1024px) {
  /* line 7, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent h1 {
    width: 940px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1264px) {
  /* line 7, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent h1 {
    width: 1180px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1504px) {
  /* line 7, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent h1 {
    width: 1420px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1744px) {
  /* line 7, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent h1 {
    width: 1660px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1984px) {
  /* line 7, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent h1 {
    width: 1900px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2224px) {
  /* line 7, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent h1 {
    width: 2140px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2464px) {
  /* line 7, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent h1 {
    width: 2380px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2704px) {
  /* line 7, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent h1 {
    width: 2620px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2944px) {
  /* line 7, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent h1 {
    width: 2860px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3184px) {
  /* line 7, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent h1 {
    width: 3100px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3424px) {
  /* line 7, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent h1 {
    width: 3340px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3664px) {
  /* line 7, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent h1 {
    width: 3580px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3904px) {
  /* line 7, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent h1 {
    width: 3820px;
    padding: 0 42px;
  }
}
/* line 14, ../../app/assets/stylesheets/collections/index.css.scss */
#collections.index #headContent h1 i {
  margin-right: 10px;
  vertical-align: middle;
}
/* line 19, ../../app/assets/stylesheets/collections/index.css.scss */
#collections.index #headContent .rowSlide {
  padding: 25px 0 30px;
  border-top: 1px solid #E1E1D9;
  border-bottom: 1px solid #E1E1D9;
  background-color: #F5F5F2;
}
@media screen and (min-width: 768px) {
  /* line 24, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent .rowSlide .uiCollectionsSlide {
    width: 700px;
    padding: 0 32px;
  }
}
@media screen and (max-width: 768px) {
  /* line 24, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent .rowSlide .uiCollectionsSlide {
    width: 700px;
    padding: 0 32px;
  }
}
@media screen and (min-width: 1024px) {
  /* line 24, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent .rowSlide .uiCollectionsSlide {
    width: 940px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1264px) {
  /* line 24, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent .rowSlide .uiCollectionsSlide {
    width: 1180px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1504px) {
  /* line 24, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent .rowSlide .uiCollectionsSlide {
    width: 1420px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1744px) {
  /* line 24, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent .rowSlide .uiCollectionsSlide {
    width: 1660px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1984px) {
  /* line 24, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent .rowSlide .uiCollectionsSlide {
    width: 1900px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2224px) {
  /* line 24, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent .rowSlide .uiCollectionsSlide {
    width: 2140px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2464px) {
  /* line 24, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent .rowSlide .uiCollectionsSlide {
    width: 2380px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2704px) {
  /* line 24, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent .rowSlide .uiCollectionsSlide {
    width: 2620px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2944px) {
  /* line 24, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent .rowSlide .uiCollectionsSlide {
    width: 2860px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3184px) {
  /* line 24, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent .rowSlide .uiCollectionsSlide {
    width: 3100px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3424px) {
  /* line 24, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent .rowSlide .uiCollectionsSlide {
    width: 3340px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3664px) {
  /* line 24, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent .rowSlide .uiCollectionsSlide {
    width: 3580px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3904px) {
  /* line 24, ../../app/assets/stylesheets/collections/index.css.scss */
  #collections.index #headContent .rowSlide .uiCollectionsSlide {
    width: 3820px;
    padding: 0 42px;
  }
}
/* line 30, ../../app/assets/stylesheets/collections/index.css.scss */
#collections.index #bodyContent .flex-container {
  position: relative;
}
/* line 33, ../../app/assets/stylesheets/collections/index.css.scss */
#collections.index #bodyContent h2 {
  padding: 25px 0 10px;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 1px;
}
/* line 39, ../../app/assets/stylesheets/collections/index.css.scss */
#collections.index #bodyContent .uiSortFilter {
  position: absolute;
  top: 18px;
  right: 42px;
}

/* line 3, ../../app/assets/stylesheets/collections/show.css.scss */
#collections.show #headContent {
  border-top: 1px solid #E1E1D9;
  border-bottom: 1px solid #E1E1D9;
  position: relative;
  background-color: #F5F5F2;
}
/* line 8, ../../app/assets/stylesheets/collections/show.css.scss */
#collections.show #headContent .container {
  margin: 0 auto;
  padding: 28px 0 40px !important;
  position: relative;
  z-index: 1;
}
/* line 13, ../../app/assets/stylesheets/collections/show.css.scss */
#collections.show #headContent .container .back {
  margin-bottom: 30px;
  display: block;
  color: #89897B;
  vertical-align: middle;
}
/* line 18, ../../app/assets/stylesheets/collections/show.css.scss */
#collections.show #headContent .container .back i {
  margin-right: 10px;
  position: relative;
  top: 1px;
}
/* line 24, ../../app/assets/stylesheets/collections/show.css.scss */
#collections.show #headContent .container h1 {
  color: #4A4A3B;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 1px;
}
/* line 30, ../../app/assets/stylesheets/collections/show.css.scss */
#collections.show #headContent .container .user {
  margin: 20px 0;
  display: inline-block;
  line-height: 24px;
  color: #A1A130;
}
/* line 35, ../../app/assets/stylesheets/collections/show.css.scss */
#collections.show #headContent .container .user img {
  margin-right: 7px;
  display: inline-block;
}
/* line 40, ../../app/assets/stylesheets/collections/show.css.scss */
#collections.show #headContent .container .description {
  margin-bottom: 15px;
  line-height: 1.5;
}
/* line 45, ../../app/assets/stylesheets/collections/show.css.scss */
#collections.show #headContent .container .meta > ul {
  margin-right: 20px;
  display: inline-block;
  line-height: 45px;
}
/* line 49, ../../app/assets/stylesheets/collections/show.css.scss */
#collections.show #headContent .container .meta > ul li {
  padding: 0 20px;
  border-right: 1px solid #C7C7B9;
  display: inline-block;
  line-height: 1.3;
  color: #89897B;
  font-size: 10px;
  vertical-align: middle;
}
/* line 59, ../../app/assets/stylesheets/collections/show.css.scss */
#collections.show #headContent .container .meta .num {
  color: #4A4A3B;
  font-size: 12px;
  letter-spacing: 1px;
}
/* line 64, ../../app/assets/stylesheets/collections/show.css.scss */
#collections.show #headContent .container .meta .uiShareBtns {
  display: inline-block;
}
/* line 66, ../../app/assets/stylesheets/collections/show.css.scss */
#collections.show #headContent .container .meta .uiShareBtns > div {
  margin-top: 15px;
}
/* line 72, ../../app/assets/stylesheets/collections/show.css.scss */
#collections.show #headContent .container .config ul {
  margin-top: 18px;
}
/* line 74, ../../app/assets/stylesheets/collections/show.css.scss */
#collections.show #headContent .container .config ul li {
  margin-right: 20px;
  display: inline-block;
}
/* line 77, ../../app/assets/stylesheets/collections/show.css.scss */
#collections.show #headContent .container .config ul li a {
  display: inline-block;
  color: #89897B;
}
/* line 80, ../../app/assets/stylesheets/collections/show.css.scss */
#collections.show #headContent .container .config ul li a i {
  margin-right: 5px;
  position: relative;
  top: 2px;
}
/* line 90, ../../app/assets/stylesheets/collections/show.css.scss */
#collections.show #headContent .bg {
  position: absolute;
  top: 0;
  left: 5%;
  z-index: -1;
  width: 90%;
  max-height: 165px;
  text-align: center;
  overflow: hidden;
}
/* line 99, ../../app/assets/stylesheets/collections/show.css.scss */
#collections.show #headContent .bg:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgyNDUsIDI0NSwgMjQyLCAwLjkpIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjVmNWYyIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(245, 245, 242, 0.9)), color-stop(100%, #f5f5f2));
  background-image: -webkit-linear-gradient(rgba(245, 245, 242, 0.9), #f5f5f2);
  background-image: -moz-linear-gradient(rgba(245, 245, 242, 0.9), #f5f5f2);
  background-image: -o-linear-gradient(rgba(245, 245, 242, 0.9), #f5f5f2);
  background-image: linear-gradient(rgba(245, 245, 242, 0.9), #f5f5f2);
}
/* line 111, ../../app/assets/stylesheets/collections/show.css.scss */
#collections.show #headContent .bg img {
  vertical-align: top;
}

/* line 4, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main {
  display: table-cell;
  vertical-align: top;
}
/* line 10, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaPromotion .uiSlider {
  height: 263px;
}
/* line 16, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaInformation {
  margin-top: 20px;
  display: table;
  width: 100%;
}
/* line 20, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaInformation .col {
  display: table-cell;
}
/* line 23, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaInformation .col:nth-child(1) {
  padding: 15px 25px;
  width: 110px;
  background-color: #e1e1d9;
}
/* line 27, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaInformation .col:nth-child(1) h3 {
  font-weight: 700;
}
/* line 31, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaInformation .col:nth-child(2) {
  background-color: #f5f5f2;
}
/* line 33, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaInformation .col:nth-child(2) > a {
  padding: 15px 25px;
  display: block;
  position: relative;
}
/* line 37, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaInformation .col:nth-child(2) > a:after {
  content: "";
  width: 7px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -678px 0;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  right: 25px;
}
/* line 32, ../../app/assets/stylesheets/sprite.css.scss */
#dashboard-container #main .areaInformation .col:nth-child(2) > a:after:hover, #dashboard-container #main .areaInformation .col:nth-child(2) > a:after.hover {
  width: 7px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -624px 0;
}
/* line 39, ../../app/assets/stylesheets/sprite.css.scss */
#dashboard-container #main .areaInformation .col:nth-child(2) > a:after:active, #dashboard-container #main .areaInformation .col:nth-child(2) > a:after.disable, #dashboard-container #main .areaInformation .col:nth-child(2) > a:after.disable:hover, #dashboard-container #main .areaInformation .col:nth-child(2) > a:after.current, #dashboard-container #main .areaInformation .col:nth-child(2) > a:after.current:hover {
  width: 7px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -678px 0;
}
/* line 46, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaInformation .col:nth-child(2) > a > * {
  display: inline-block;
  color: #89897b;
  font-weight: 300;
}
/* line 50, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaInformation .col:nth-child(2) > a > * + * {
  margin-left: 20px;
}
/* line 55, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaInformation .col:nth-child(2) > a:hover > * {
  color: #4a4a3b;
}
/* line 65, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaLaytestWorks {
  margin-top: 40px;
}
/* line 67, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaLaytestWorks .row {
  max-width: 720px;
}
/* line 69, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaLaytestWorks .row .grid1 {
  margin-top: 20px;
  margin-bottom: 0;
}
/* line 77, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaFollowersWorks {
  margin-top: 20px;
}
/* line 79, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaFollowersWorks > .row {
  margin-top: 15px;
  max-width: 720px;
}
/* line 86, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaBanner {
  margin-top: 40px;
}
/* line 88, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaBanner a:hover img {
  opacity: 0.9;
}
/* line 94, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCollections {
  margin-top: 40px;
  display: table;
}
/* line 57, ../../app/assets/stylesheets/mixin.css.scss */
#dashboard-container #main .areaCollections > .col {
  display: table-cell;
}
/* line 63, ../../app/assets/stylesheets/mixin.css.scss */
#dashboard-container #main .areaCollections > .col:nth-child(1) {
  width: 460px;
}
/* line 63, ../../app/assets/stylesheets/mixin.css.scss */
#dashboard-container #main .areaCollections > .col:nth-child(2) {
  width: auto;
}
/* line 231, ../../app/assets/stylesheets/mixin.css.scss */
#dashboard-container #main .areaCollections > .col:nth-child(1) .user {
  display: inline-block;
  color: #a1a130;
}
/* line 234, ../../app/assets/stylesheets/mixin.css.scss */
#dashboard-container #main .areaCollections > .col:nth-child(1) .user .avatar {
  display: inline-block;
  vertical-align: middle;
}
/* line 238, ../../app/assets/stylesheets/mixin.css.scss */
#dashboard-container #main .areaCollections > .col:nth-child(1) .user .name {
  margin-left: 10px;
  display: inline-block;
}
/* line 99, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCollections > .col:nth-child(1) .collections {
  margin-top: 15px;
}
/* line 101, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCollections > .col:nth-child(1) .collections li {
  display: table;
  width: 100%;
}
/* line 249, ../../app/assets/stylesheets/mixin.css.scss */
#dashboard-container #main .areaCollections > .col:nth-child(1) .collections li + * {
  border-top: 1px solid #e1e1d9;
}
/* line 252, ../../app/assets/stylesheets/mixin.css.scss */
#dashboard-container #main .areaCollections > .col:nth-child(1) .collections li > .col {
  display: table-cell;
  vertical-align: middle;
  padding: 14px 15px 15px;
  background-color: #fff;
  vertical-align: middle;
}
/* line 257, ../../app/assets/stylesheets/mixin.css.scss */
#dashboard-container #main .areaCollections > .col:nth-child(1) .collections li > .col:nth-child(1) {
  width: 72px;
  background-color: #f5f5f2;
}
/* line 260, ../../app/assets/stylesheets/mixin.css.scss */
#dashboard-container #main .areaCollections > .col:nth-child(1) .collections li > .col:nth-child(1) img {
  margin: 0 !important;
}
/* line 264, ../../app/assets/stylesheets/mixin.css.scss */
#dashboard-container #main .areaCollections > .col:nth-child(1) .collections li > .col:nth-child(2) {
  width: auto;
}
/* line 107, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCollections > .col:nth-child(1) .collections li .meta {
  margin-top: 7px;
}
/* line 109, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCollections > .col:nth-child(1) .collections li .meta > * + * {
  margin-left: 10px;
}
/* line 112, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCollections > .col:nth-child(1) .collections li .meta .avatar {
  display: inline-block;
}
/* line 114, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCollections > .col:nth-child(1) .collections li .meta .avatar > a {
  position: relative;
  top: 6px;
}
/* line 119, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCollections > .col:nth-child(1) .collections li .meta .iconUser {
  margin-left: 8px;
}
/* line 122, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCollections > .col:nth-child(1) .collections li .meta .graph {
  display: inline-block;
  color: #89897b;
  font-weight: 300;
  margin-left: 20px;
}
/* line 127, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCollections > .col:nth-child(1) .collections li .meta .graph:before {
  content: "";
  margin-right: 5px;
  width: 14px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -2032px 0;
}
/* line 133, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCollections > .col:nth-child(1) .collections li .meta .like {
  display: inline-block;
  color: #89897b;
  font-weight: 300;
}
/* line 137, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCollections > .col:nth-child(1) .collections li .meta .like:before {
  content: "";
  margin-right: 5px;
  width: 11px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2289px auto;
  background-position: -1473px 0;
}
/* line 147, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCollections > .col:nth-child(2) {
  padding-left: 20px;
}
/* line 149, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCollections > .col:nth-child(2) .uiCollectionGrid {
  margin-top: 15px;
}
/* line 156, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaRanking {
  margin-top: 40px;
}
/* line 158, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaRanking .row {
  margin-top: 15px;
}
/* line 163, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaLatestCollection {
  display: none;
}
/* line 168, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCreators {
  margin-top: 45px;
  display: table;
}
/* line 57, ../../app/assets/stylesheets/mixin.css.scss */
#dashboard-container #main .areaCreators > .col {
  display: table-cell;
}
/* line 63, ../../app/assets/stylesheets/mixin.css.scss */
#dashboard-container #main .areaCreators > .col:nth-child(1) {
  width: 460px;
}
/* line 63, ../../app/assets/stylesheets/mixin.css.scss */
#dashboard-container #main .areaCreators > .col:nth-child(2) {
  width: auto;
}
/* line 172, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCreators > .col:nth-child(1) .grid1 {
  margin-top: 20px;
}
/* line 176, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCreators > .col:nth-child(2) {
  padding-left: 20px;
}
/* line 179, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCreators > .col:nth-child(2) .uiTabnav {
  margin-top: 20px;
  position: relative;
  width: 220px;
  height: 320px;
  background-color: #fff;
}
/* line 187, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCreators > .col:nth-child(2) .uiTabnav ul.tabnav li {
  padding: 15px 0;
  border-bottom: 1px solid #e1e1d9;
  background-color: #f5f5f2;
  width: 110px;
  height: 44px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 196, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCreators > .col:nth-child(2) .uiTabnav ul.tabnav li + li {
  border-left: 1px solid #e1e1d9;
}
/* line 200, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCreators > .col:nth-child(2) .uiTabnav ul.tabnav li.current {
  border-bottom: none;
  background-color: #fff;
}
/* line 207, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCreators > .col:nth-child(2) .uiTabnav ul.tab-content {
  height: 276px;
  overflow: auto;
}
/* line 210, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCreators > .col:nth-child(2) .uiTabnav ul.tab-content li {
  padding: 10px;
}
/* line 213, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCreators > .col:nth-child(2) .uiTabnav ul.tab-content li a.block {
  display: block;
  position: relative;
  color: #a1a130;
}
/* line 17, ../../app/assets/stylesheets/mixin.css.scss */
#dashboard-container #main .areaCreators > .col:nth-child(2) .uiTabnav ul.tab-content li a.block .user:before {
  content: '';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  height: 100%;
  vertical-align: middle;
}
/* line 23, ../../app/assets/stylesheets/mixin.css.scss */
#dashboard-container #main .areaCreators > .col:nth-child(2) .uiTabnav ul.tab-content li a.block .user > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 219, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCreators > .col:nth-child(2) .uiTabnav ul.tab-content li a.block .user > * {
  display: inline-block;
}
/* line 222, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCreators > .col:nth-child(2) .uiTabnav ul.tab-content li a.block .user .avatar {
  margin-right: 10px;
}
/* line 226, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCreators > .col:nth-child(2) .uiTabnav ul.tab-content li a.block .btn-add {
  position: absolute;
  top: 0;
  right: 8px;
}
/* line 233, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCreators > .col:nth-child(2) .uiTabnav ul.tab-content li.not-found {
  padding-top: 120px;
  text-align: center;
  line-height: 1.5;
}
/* line 238, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCreators > .col:nth-child(2) .uiTabnav ul.tab-content li.not-connected {
  padding-top: 82px;
  text-align: center;
  line-height: 1.5;
}
/* line 243, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCreators > .col:nth-child(2) .uiTabnav ul.tab-content li.not-connected strong {
  display: block;
  margin-bottom: 15px;
}
/* line 247, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCreators > .col:nth-child(2) .uiTabnav ul.tab-content li.not-connected .btn {
  padding: 17px 30px;
}
/* line 252, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #main .areaCreators > .col:nth-child(2) .uiTabnav ul.tab-content li + li {
  border-top: 1px solid #e1e1d9;
}
/* line 264, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub {
  padding-left: 40px;
  display: table-cell;
  vertical-align: top;
}
/* line 270, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaMoreworks {
  padding: 10px;
  background-color: #fff;
}
/* line 273, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaMoreworks h3 {
  margin: -10px -10px 17px;
  position: relative;
  padding: 17px 10px;
  display: block;
  color: #fff;
  background-color: #71C2CB;
  font-weight: 700;
}
/* line 281, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaMoreworks h3 a {
  position: absolute;
  top: 11px;
  right: 10px;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
/* line 288, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaMoreworks h3 a > i {
  position: absolute;
  top: 6px;
  left: 7px;
}
/* line 294, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaMoreworks h3:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 15px;
  width: 10px;
  height: 10px;
  background-color: #71C2CB;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
/* line 306, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaMoreworks p {
  margin: 7px 0;
  font-size: 10px;
}
/* line 310, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaMoreworks .btn {
  margin-top: 10px;
  width: 140px;
  line-height: 1.5;
  text-align: center;
}
/* line 316, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaMoreworks h3 a:hover {
  background-color: #B4DCDE;
}
/* line 324, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaPrize h3 {
  margin-bottom: 10px;
}
/* line 327, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaPrize ul {
  height: 172px;
  overflow: auto;
}
/* line 330, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaPrize ul li {
  padding: 10px;
  display: table;
  background-color: #e1e1d9;
}
/* line 57, ../../app/assets/stylesheets/mixin.css.scss */
#dashboard-container #sub .areaPrize ul li > .col {
  display: table-cell;
  vertical-align: middle;
}
/* line 63, ../../app/assets/stylesheets/mixin.css.scss */
#dashboard-container #sub .areaPrize ul li > .col:nth-child(1) {
  width: 44px;
}
/* line 63, ../../app/assets/stylesheets/mixin.css.scss */
#dashboard-container #sub .areaPrize ul li > .col:nth-child(2) {
  width: auto;
}
/* line 336, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaPrize ul li:nth-child(2n) {
  background-color: #fff;
}
/* line 346, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaAnalitics h3 {
  margin-bottom: 10px;
}
/* line 349, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaAnalitics .lineGraph {
  background-color: #e1e1d9;
  padding: 15px;
}
/* line 353, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaAnalitics .ranking {
  padding: 15px;
  background-color: #f5f5f2;
}
/* line 356, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaAnalitics .ranking table {
  width: 170px;
  color: #89897b;
  text-align: left;
  font-size: 10px;
}
/* line 361, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaAnalitics .ranking table th {
  padding: 5px;
  text-align: right;
}
/* line 364, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaAnalitics .ranking table th:first-child {
  padding: 0;
  text-align: left;
}
/* line 369, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaAnalitics .ranking table td {
  padding: 5px;
}
/* line 371, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaAnalitics .ranking table td a {
  color: #a1a130;
}
/* line 374, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaAnalitics .ranking table td.num {
  padding: 0;
}
/* line 377, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaAnalitics .ranking table td.view {
  text-align: right;
}
/* line 383, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaAnalitics .views {
  border-top: 1px solid #e1e1d9;
  border-bottom: 1px solid #e1e1d9;
  background-color: #f5f5f2;
  display: table;
}
/* line 57, ../../app/assets/stylesheets/mixin.css.scss */
#dashboard-container #sub .areaAnalitics .views > .col {
  display: table-cell;
  padding: 15px;
  border-left: 1px solid #e1e1d9;
  font-size: 10px;
  color: #89897b;
}
/* line 392, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaAnalitics .views > .col:first-child {
  border-left: none;
}
/* line 395, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaAnalitics .views > .col .num {
  margin-bottom: 5px;
  font-size: 14px;
  color: #4a4a3b;
}
/* line 63, ../../app/assets/stylesheets/mixin.css.scss */
#dashboard-container #sub .areaAnalitics .views > .col:nth-child(1) {
  width: 100px;
}
/* line 63, ../../app/assets/stylesheets/mixin.css.scss */
#dashboard-container #sub .areaAnalitics .views > .col:nth-child(2) {
  width: 100px;
}
/* line 402, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaAnalitics h4 {
  padding: 10px 14px;
  background-color: #e1e1d9;
  font-size: 10px;
}
/* line 407, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaAnalitics .avatars {
  padding: 2px;
  background: #f5f5f2;
}
/* line 410, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaAnalitics .avatars li {
  margin: 2px;
  display: inline-block;
}
/* line 418, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaBadges {
  margin-top: 20px;
}
/* line 420, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaBadges h3 {
  margin-bottom: 10px;
  position: relative;
}
/* line 423, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaBadges h3 a {
  display: block;
  position: absolute;
  right: 0;
  top: -6px;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
/* line 431, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaBadges h3 a > i {
  position: absolute;
  left: 9px;
  top: 6px;
}
/* line 436, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaBadges h3 a:hover {
  background-color: #F5F5F2;
}
/* line 438, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaBadges h3 a:hover > i {
  position: absolute;
  left: 9px;
  top: 6px;
}
/* line 446, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaBadges ul {
  padding: 2px;
  background-color: #f5f5f2;
}
/* line 449, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaBadges ul li {
  margin: 2px;
  padding: 10px 0;
  display: inline-block;
  width: 44px;
  height: 24px;
  text-align: center;
}
/* line 458, ../../app/assets/stylesheets/users/dashboard.css.scss */
#dashboard-container #sub .areaBadges:hover h3 a:after {
  background-color: #f5f5f2;
}

@media screen and (max-width: 1023px) {
  /* line 468, ../../app/assets/stylesheets/users/dashboard.css.scss */
  #dashboard-container #main {
    display: block;
  }
  /* line 471, ../../app/assets/stylesheets/users/dashboard.css.scss */
  #dashboard-container #sub {
    padding-left: 0;
    display: block;
  }
  /* line 474, ../../app/assets/stylesheets/users/dashboard.css.scss */
  #dashboard-container #sub .areaMoreworks {
    margin-top: 40px;
  }
  /* line 476, ../../app/assets/stylesheets/users/dashboard.css.scss */
  #dashboard-container #sub .areaMoreworks .col {
    margin-bottom: 18px;
    float: left;
    width: 50%;
  }
  /* line 481, ../../app/assets/stylesheets/users/dashboard.css.scss */
  #dashboard-container #sub .areaMoreworks .btn {
    clear: both;
    display: block;
    width: 640px;
  }
  /* line 489, ../../app/assets/stylesheets/users/dashboard.css.scss */
  #dashboard-container #sub .areaPrize,
  #dashboard-container #sub .areaAnalitics,
  #dashboard-container #sub .areaBadges {
    margin-top: 40px;
    display: inline-block;
    width: 220px;
    vertical-align: top;
  }
  /* line 494, ../../app/assets/stylesheets/users/dashboard.css.scss */
  #dashboard-container #sub .areaPrize + *,
  #dashboard-container #sub .areaAnalitics + *,
  #dashboard-container #sub .areaBadges + * {
    margin-left: 20px;
  }
  /* line 499, ../../app/assets/stylesheets/users/dashboard.css.scss */
  #dashboard-container #sub .areaAnalitics .avatars {
    padding: 5px;
  }
  /* line 501, ../../app/assets/stylesheets/users/dashboard.css.scss */
  #dashboard-container #sub .areaAnalitics .avatars li {
    margin: 3px;
  }
  /* line 507, ../../app/assets/stylesheets/users/dashboard.css.scss */
  #dashboard-container #sub .areaBadges ul {
    padding: 2px 12px;
  }
}
/* line 1, ../../app/assets/stylesheets/users/edit.css.scss */
.camcelAccount {
  margin: 80px auto 0;
  padding-top: 30px;
  border-top: 1px solid #e1e1d9;
  display: table;
  width: 700px;
}
/* line 7, ../../app/assets/stylesheets/users/edit.css.scss */
.camcelAccount .col:nth-child(1) {
  display: table-cell;
  width: 240px;
}
/* line 11, ../../app/assets/stylesheets/users/edit.css.scss */
.camcelAccount .col:nth-child(2) {
  display: table-cell;
}
/* line 13, ../../app/assets/stylesheets/users/edit.css.scss */
.camcelAccount .col:nth-child(2) .btn {
  margin-top: 25px;
  padding-left: 65px;
  padding-right: 65px;
}

/* line 21, ../../app/assets/stylesheets/users/edit.css.scss */
.sns {
  padding-bottom: 65px;
}
/* line 23, ../../app/assets/stylesheets/users/edit.css.scss */
.sns .fb, .sns .tw {
  zoom: 1;
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e1e1d9;
  position: relative;
  width: 460px;
  vertical-align: middle;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
.sns .fb:after, .sns .tw:after {
  content: "";
  display: block;
  clear: both;
}
/* line 31, ../../app/assets/stylesheets/users/edit.css.scss */
.sns .fb .btn, .sns .tw .btn {
  padding-top: 10px;
  padding-bottom: 10px;
  position: absolute;
  right: 0;
  top: 20px;
  width: 90px;
  text-align: center;
}
/* line 41, ../../app/assets/stylesheets/users/edit.css.scss */
.sns .fb {
  padding-top: 10px;
}
/* line 43, ../../app/assets/stylesheets/users/edit.css.scss */
.sns .fb .btn {
  top: 0;
}

/* line 4, ../../app/assets/stylesheets/users/find_friends.css.scss */
#statics.find_friends .uiTabNav {
  zoom: 1;
  margin: 32px 0;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
#statics.find_friends .uiTabNav:after {
  content: "";
  display: block;
  clear: both;
}
/* line 8, ../../app/assets/stylesheets/users/find_friends.css.scss */
#statics.find_friends .uiTabNav li {
  float: left;
  margin-right: 20px;
}
/* line 12, ../../app/assets/stylesheets/users/find_friends.css.scss */
#statics.find_friends .uiTabNav li a {
  font-size: 18px;
  color: #c5c5b8;
}
/* line 16, ../../app/assets/stylesheets/users/find_friends.css.scss */
#statics.find_friends .uiTabNav li a.current {
  color: #4a4a39;
}

/* line 4, ../../app/assets/stylesheets/users/followers.css.scss */
#follow-container .users-list > li {
  zoom: 1;
  margin-bottom: 30px;
  display: table;
  width: 100%;
  text-align: left;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
#follow-container .users-list > li:after {
  content: "";
  display: block;
  clear: both;
}
/* line 11, ../../app/assets/stylesheets/users/followers.css.scss */
#follow-container .users-list > li img {
  border: 5px solid #fff;
}
/* line 15, ../../app/assets/stylesheets/users/followers.css.scss */
#follow-container .users-list > li > * {
  display: table-cell;
  vertical-align: middle;
}
/* line 20, ../../app/assets/stylesheets/users/followers.css.scss */
#follow-container .users-list > li .user {
  width: 220px;
  min-height: 60px;
  color: #88887A;
  vertical-align: top;
}
/* line 25, ../../app/assets/stylesheets/users/followers.css.scss */
#follow-container .users-list > li .user .avatar {
  display: table-cell;
  position: relative;
  width: 50px;
  vertical-align: top;
}
/* line 30, ../../app/assets/stylesheets/users/followers.css.scss */
#follow-container .users-list > li .user .avatar .btn-add {
  position: absolute;
  left: -5px;
  top: 45px;
}
/* line 36, ../../app/assets/stylesheets/users/followers.css.scss */
#follow-container .users-list > li .user .meta {
  padding-left: 10px;
  display: table-cell;
  vertical-align: middle;
}
/* line 40, ../../app/assets/stylesheets/users/followers.css.scss */
#follow-container .users-list > li .user .meta .name {
  color: #a1a130;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 4px;
}
/* line 46, ../../app/assets/stylesheets/users/followers.css.scss */
#follow-container .users-list > li .user .meta .company, #follow-container .users-list > li .user .meta .job {
  font-size: 10px;
  line-height: 1.2;
}
/* line 50, ../../app/assets/stylesheets/users/followers.css.scss */
#follow-container .users-list > li .user .meta a {
  color: #88887A;
}
/* line 53, ../../app/assets/stylesheets/users/followers.css.scss */
#follow-container .users-list > li .user .meta > ul {
  margin-top: 8px;
  zoom: 1;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
#follow-container .users-list > li .user .meta > ul:after {
  content: "";
  display: block;
  clear: both;
}
/* line 57, ../../app/assets/stylesheets/users/followers.css.scss */
#follow-container .users-list > li .user .meta > ul li {
  float: left;
  margin-right: 9px;
  font-size: 11px;
  line-height: 13px;
}
/* line 63, ../../app/assets/stylesheets/users/followers.css.scss */
#follow-container .users-list > li .user .meta > ul li a:before {
  content: "";
  vertical-align: top;
  margin-right: 4px;
}
/* line 68, ../../app/assets/stylesheets/users/followers.css.scss */
#follow-container .users-list > li .user .meta > ul li li.picture:before {
  width: 13px;
  height: 12px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 1967px auto;
  background-position: -1578px 0;
}
/* line 71, ../../app/assets/stylesheets/users/followers.css.scss */
#follow-container .users-list > li .user .meta > ul li a.heart:before {
  width: 13px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2705px auto;
  background-position: -1740px 0;
}
/* line 74, ../../app/assets/stylesheets/users/followers.css.scss */
#follow-container .users-list > li .user .meta > ul li a.book:before {
  width: 13px;
  height: 13px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2164px auto;
  background-position: -190px 0;
}
/* line 81, ../../app/assets/stylesheets/users/followers.css.scss */
#follow-container .users-list > li .profile {
  padding-right: 20px;
  width: 500px;
  line-height: 1.5;
  word-break: break-all;
}
@media screen and (max-width: 1023px) {
  /* line 81, ../../app/assets/stylesheets/users/followers.css.scss */
  #follow-container .users-list > li .profile {
    width: 260px;
  }
}
/* line 90, ../../app/assets/stylesheets/users/followers.css.scss */
#follow-container .users-list > li .works {
  width: 200px;
  vertical-align: top;
}
/* line 93, ../../app/assets/stylesheets/users/followers.css.scss */
#follow-container .users-list > li .works img {
  display: inline-block;
}
/* line 95, ../../app/assets/stylesheets/users/followers.css.scss */
#follow-container .users-list > li .works img + img {
  margin-left: 10px;
}

/* line 4, ../../app/assets/stylesheets/users/profile.css.scss */
#profile-container .sectionContainer.description {
  margin-top: 0px;
}
/* line 6, ../../app/assets/stylesheets/users/profile.css.scss */
#profile-container .sectionContainer.description p {
  line-height: 150%;
  margin-bottom: 5px;
}
/* line 11, ../../app/assets/stylesheets/users/profile.css.scss */
#profile-container .sunken-box {
  margin-top: 20px;
  padding: 50px;
  text-align: center;
}
/* line 15, ../../app/assets/stylesheets/users/profile.css.scss */
#profile-container .sunken-box .btn {
  margin-top: 20px;
  padding: 18px 30px;
}
/* line 22, ../../app/assets/stylesheets/users/profile.css.scss */
#profile-container .sectionContainer.badges .sunken-box {
  padding: 40px;
}
/* line 28, ../../app/assets/stylesheets/users/profile.css.scss */
#profile-container .sectionContainer.follow .sunken-box {
  padding: 20px;
}
/* line 34, ../../app/assets/stylesheets/users/profile.css.scss */
#profile-container .sectionContainer.collection .sunken-box {
  padding: 110px 50px;
}
/* line 40, ../../app/assets/stylesheets/users/profile.css.scss */
#profile-container .sectionContainer.like .sunken-box {
  padding: 80px 50px;
}
/* line 45, ../../app/assets/stylesheets/users/profile.css.scss */
#profile-container dl.user-meta {
  margin-top: 23px;
}
/* line 48, ../../app/assets/stylesheets/users/profile.css.scss */
#profile-container dl.user-meta dt, #profile-container dl.user-meta dd {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
/* line 51, ../../app/assets/stylesheets/users/profile.css.scss */
#profile-container dl.user-meta dd + dt {
  margin-left: 25px;
}
/* line 55, ../../app/assets/stylesheets/users/profile.css.scss */
#profile-container dl.user-meta dt {
  color: #88887a;
  padding-right: 1ex;
}
/* line 59, ../../app/assets/stylesheets/users/profile.css.scss */
#profile-container dl.user-meta dt:after {
  content: ":";
}
/* line 64, ../../app/assets/stylesheets/users/profile.css.scss */
#profile-container dl.user-meta dd {
  color: #4a4a3b;
}
/* line 67, ../../app/assets/stylesheets/users/profile.css.scss */
#profile-container dl.user-meta dd a {
  color: #a1a130;
}
/* line 73, ../../app/assets/stylesheets/users/profile.css.scss */
#profile-container ul.user-badges {
  zoom: 1;
  margin-left: -20px;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
#profile-container ul.user-badges:after {
  content: "";
  display: block;
  clear: both;
}
/* line 77, ../../app/assets/stylesheets/users/profile.css.scss */
#profile-container ul.user-badges li {
  float: left;
  margin-top: 20px;
  margin-left: 20px;
  width: 100px;
  text-align: center;
}
/* line 84, ../../app/assets/stylesheets/users/profile.css.scss */
#profile-container ul.user-badges li .badge-chart {
  width: 72px;
  height: 72px;
  position: relative;
  background-color: #dad9d2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 0 1px #eeeeeb;
  -moz-box-shadow: inset 0 0 0 1px #eeeeeb;
  box-shadow: inset 0 0 0 1px #eeeeeb;
  overflow: hidden;
  margin: 0 auto 20px;
}
/* line 20, ../../app/assets/stylesheets/components/users/badge.css.scss */
#profile-container ul.user-badges li .badge-chart, #profile-container ul.user-badges li .badge-chart > * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 24, ../../app/assets/stylesheets/components/users/badge.css.scss */
#profile-container ul.user-badges li .badge-chart span {
  position: absolute;
  display: block;
  font-size: 24px;
  color: #c6c6b8;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  height: 58px;
  width: 58px;
  top: 7px;
  left: 7px;
  background-color: #eeeeeb;
  z-index: 5;
  line-height: 58px;
  text-align: center;
}
/* line 41, ../../app/assets/stylesheets/components/users/badge.css.scss */
#profile-container ul.user-badges li .badge-chart span:after {
  content: "%";
  font-size: 12px;
  padding-left: .5ex;
}
/* line 48, ../../app/assets/stylesheets/components/users/badge.css.scss */
#profile-container ul.user-badges li .badge-chart .pie {
  position: absolute;
  width: 50%;
  height: 100%;
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  background: #a1a130;
}
/* line 56, ../../app/assets/stylesheets/components/users/badge.css.scss */
#profile-container ul.user-badges li .badge-chart .spinner {
  -webkit-border-radius: 100% 0 0 100%/50% 0 0 50%;
  -moz-border-radius: 100% 0 0 100%/50% 0 0 50%;
  -ms-border-radius: 100% 0 0 100%/50% 0 0 50%;
  -o-border-radius: 100% 0 0 100%/50% 0 0 50%;
  border-radius: 100% 0 0 100%/50% 0 0 50%;
  border: 1px solid #eeeeeb;
  border-right: 0;
  z-index: 3;
}
/* line 63, ../../app/assets/stylesheets/components/users/badge.css.scss */
#profile-container ul.user-badges li .badge-chart .filler {
  display: none;
  left: 50%;
  -webkit-border-radius: 0 100% 100% 0/0 50% 50% 0;
  -moz-border-radius: 0 100% 100% 0/0 50% 50% 0;
  -ms-border-radius: 0 100% 100% 0/0 50% 50% 0;
  -o-border-radius: 0 100% 100% 0/0 50% 50% 0;
  border-radius: 0 100% 100% 0/0 50% 50% 0;
  border: 1px solid #eeeeeb;
  border-left: 0;
  z-index: 2;
}
/* line 72, ../../app/assets/stylesheets/components/users/badge.css.scss */
#profile-container ul.user-badges li .badge-chart .mask {
  display: block;
  position: absolute;
  width: 50%;
  height: 100%;
  background-color: #dad9d2;
  -webkit-border-radius: 100% 0 0 100%/50% 0 0 50%;
  -moz-border-radius: 100% 0 0 100%/50% 0 0 50%;
  -ms-border-radius: 100% 0 0 100%/50% 0 0 50%;
  -o-border-radius: 100% 0 0 100%/50% 0 0 50%;
  border-radius: 100% 0 0 100%/50% 0 0 50%;
  border: 1px solid #eeeeeb;
  border-right: 0;
  z-index: 4;
}
/* line 85, ../../app/assets/stylesheets/components/users/badge.css.scss */
#profile-container ul.user-badges li .badge-chart.past-half .filler {
  display: block;
}
/* line 88, ../../app/assets/stylesheets/components/users/badge.css.scss */
#profile-container ul.user-badges li .badge-chart.past-half .mask {
  display: none;
}
/* line 89, ../../app/assets/stylesheets/users/profile.css.scss */
#profile-container ul.user-badges li h4 {
  color: #4a4a39;
  font-size: 12px;
}
/* line 94, ../../app/assets/stylesheets/users/profile.css.scss */
#profile-container ul.user-badges li p {
  color: #868679;
  font-size: 10px;
  line-height: 1.5;
  margin-top: 8px;
}
/* line 103, ../../app/assets/stylesheets/users/profile.css.scss */
#profile-container .sectionContainer {
  margin-top: 46px;
}
/* line 105, ../../app/assets/stylesheets/users/profile.css.scss */
#profile-container .sectionContainer .row {
  margin-top: 20px;
}
/* line 108, ../../app/assets/stylesheets/users/profile.css.scss */
#profile-container .sectionContainer .uiCollectionGrid {
  margin-top: 0;
  margin-bottom: 20px;
}
/* line 113, ../../app/assets/stylesheets/users/profile.css.scss */
#profile-container .sectionContainer ul.user {
  margin-top: 12px;
  margin-left: -20px;
}
/* line 104, ../../app/assets/stylesheets/mixin.css.scss */
#profile-container .sectionContainer ul.user li {
  margin-top: 10px;
  margin-left: 20px;
  padding: 5px;
  display: inline-block;
  background-color: #fff;
}
/* line 110, ../../app/assets/stylesheets/mixin.css.scss */
#profile-container .sectionContainer ul.user li.hidden {
  display: none;
}

/* line 4, ../../app/assets/stylesheets/users/users.css.scss */
#users #pjax-container > [id*="-container"] > h2 {
  padding: 10px 0 30px;
  font-size: 18px;
  color: #4a4a3b;
}
/* line 9, ../../app/assets/stylesheets/users/users.css.scss */
#users #pjax-container > [id*="-container"] > .works {
  margin-top: -78px;
}
/* line 12, ../../app/assets/stylesheets/users/users.css.scss */
#users #pjax-container > [id*="-container"] > .row {
  margin-top: -20px;
}

/* line 4, ../../app/assets/stylesheets/device/confirmations.css.scss */
body#devise_confirmations form {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 700px;
  height: 220px;
  margin-top: -110px;
  margin-left: -350px;
  text-align: center;
}
/* line 14, ../../app/assets/stylesheets/device/confirmations.css.scss */
body#devise_confirmations form h1 {
  margin-bottom: 35px;
}
/* line 18, ../../app/assets/stylesheets/device/confirmations.css.scss */
body#devise_confirmations form p {
  margin-bottom: 15px;
}
/* line 21, ../../app/assets/stylesheets/device/confirmations.css.scss */
body#devise_confirmations form p b {
  font-size: 14px;
  font-weight: bold;
}
/* line 26, ../../app/assets/stylesheets/device/confirmations.css.scss */
body#devise_confirmations form p + p {
  line-height: 1.5;
}
/* line 31, ../../app/assets/stylesheets/device/confirmations.css.scss */
body#devise_confirmations form span.error {
  display: block;
  color: #bc3a35;
}
/* line 36, ../../app/assets/stylesheets/device/confirmations.css.scss */
body#devise_confirmations form .resend {
  margin-top: 35px;
}
/* line 39, ../../app/assets/stylesheets/device/confirmations.css.scss */
body#devise_confirmations form .resend > * {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
/* line 43, ../../app/assets/stylesheets/device/confirmations.css.scss */
body#devise_confirmations form .resend .btn {
  padding: 13px 20px;
  margin-left: 20px;
}
/* line 48, ../../app/assets/stylesheets/device/confirmations.css.scss */
body#devise_confirmations form .resend span.error {
  position: absolute;
  margin-top: 20px;
  width: 100%;
  left: 0;
}

/* line 5, ../../app/assets/stylesheets/device/sessions.css.scss */
body#sessions.new .uiAlert,
body#sessions.create .uiAlert {
  margin-top: -44px;
}
/* line 9, ../../app/assets/stylesheets/device/sessions.css.scss */
body#sessions.new #login_box,
body#sessions.create #login_box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 700px;
  height: 360px;
  margin-top: -180px;
  margin-left: -350px;
}
/* line 18, ../../app/assets/stylesheets/device/sessions.css.scss */
body#sessions.new #login_box p b,
body#sessions.create #login_box p b {
  font-size: 14px;
  font-weight: bold;
  color: #484839;
}
/* line 24, ../../app/assets/stylesheets/device/sessions.css.scss */
body#sessions.new #login_box h1,
body#sessions.create #login_box h1 {
  text-align: center;
  margin-bottom: 30px;
}
/* line 28, ../../app/assets/stylesheets/device/sessions.css.scss */
body#sessions.new #login_box h1 + p,
body#sessions.create #login_box h1 + p {
  margin-bottom: 20px;
  text-align: center;
}
/* line 32, ../../app/assets/stylesheets/device/sessions.css.scss */
body#sessions.new #login_box h1 + p + p,
body#sessions.create #login_box h1 + p + p {
  text-align: center;
  color: #484839;
  line-height: 1.5;
}
/* line 40, ../../app/assets/stylesheets/device/sessions.css.scss */
body#sessions.new #login_box .signup,
body#sessions.create #login_box .signup {
  margin-top: 40px;
  text-align: center;
}
/* line 44, ../../app/assets/stylesheets/device/sessions.css.scss */
body#sessions.new #login_box .signup .btn,
body#sessions.create #login_box .signup .btn {
  width: 180px;
  text-align: center;
  padding: 17px 20px;
}
/* line 49, ../../app/assets/stylesheets/device/sessions.css.scss */
body#sessions.new #login_box .signup .btn + .btn,
body#sessions.create #login_box .signup .btn + .btn {
  margin-left: 20px;
}
/* line 55, ../../app/assets/stylesheets/device/sessions.css.scss */
body#sessions.new #login_box hr,
body#sessions.create #login_box hr {
  margin: 40px 0;
  border: 0;
  background: #e1e1d9;
  height: 1px;
}
/* line 62, ../../app/assets/stylesheets/device/sessions.css.scss */
body#sessions.new #login_box hr + p,
body#sessions.create #login_box hr + p {
  margin-bottom: 20px;
}
/* line 66, ../../app/assets/stylesheets/device/sessions.css.scss */
body#sessions.new #login_box form,
body#sessions.create #login_box form {
  margin-bottom: 20px;
}
/* line 69, ../../app/assets/stylesheets/device/sessions.css.scss */
body#sessions.new #login_box form > .input,
body#sessions.create #login_box form > .input {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
/* line 74, ../../app/assets/stylesheets/device/sessions.css.scss */
body#sessions.new #login_box form #user_login,
body#sessions.new #login_box form #user_password,
body#sessions.create #login_box form #user_login,
body#sessions.create #login_box form #user_password {
  width: 220px;
  margin-right: 20px;
}
/* line 79, ../../app/assets/stylesheets/device/sessions.css.scss */
body#sessions.new #login_box form .btn,
body#sessions.create #login_box form .btn {
  padding: 12px 20px;
  margin-right: 20px;
}
/* line 84, ../../app/assets/stylesheets/device/sessions.css.scss */
body#sessions.new #login_box form label[for="user_remember_me"],
body#sessions.create #login_box form label[for="user_remember_me"] {
  font-size: 10px;
}

/* line 3, ../../app/assets/stylesheets/registrations/new.css.scss */
#registrations.new h2, #registrations.create h2 {
  line-height: 70px;
  border-bottom: 1px solid #E1E1D9;
  margin-bottom: 30px;
  font-size: 18px;
}
/* line 9, ../../app/assets/stylesheets/registrations/new.css.scss */
#registrations.new .uiUserState .customSelect, #registrations.create .uiUserState .customSelect {
  width: 100%;
}
/* line 13, ../../app/assets/stylesheets/registrations/new.css.scss */
#registrations.new #user_account_attributes_employment, #registrations.create #user_account_attributes_employment {
  width: 100%;
}
/* line 17, ../../app/assets/stylesheets/registrations/new.css.scss */
#registrations.new .campaign, #registrations.create .campaign {
  margin: 40px 0;
}

/* line 3, ../../app/assets/stylesheets/passwords/new.css.scss */
#passwords.new h2, #passwords.create h2, #passwords.edit h2, #passwords.update h2 {
  line-height: 70px;
  border-bottom: 1px solid #E1E1D9;
  margin-bottom: 30px;
  font-size: 18px;
}

/* line 4, ../../app/assets/stylesheets/contests/index.css.scss */
#contests.index h2 {
  font-size: 18px;
  color: #4a4a39;
  margin: 30px 0;
}
/* line 10, ../../app/assets/stylesheets/contests/index.css.scss */
#contests.index .contest-list {
  margin-bottom: 40px;
}
/* line 13, ../../app/assets/stylesheets/contests/index.css.scss */
#contests.index .contest-list .inner {
  zoom: 1;
  padding-right: 240px;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
#contests.index .contest-list .inner:after {
  content: "";
  display: block;
  clear: both;
}
/* line 18, ../../app/assets/stylesheets/contests/index.css.scss */
#contests.index .contest-list .inner .feature-image,
#contests.index .contest-list .inner .meta {
  border-top: 1px solid;
  padding-top: 40px;
}
/* line 22, ../../app/assets/stylesheets/contests/index.css.scss */
#contests.index .contest-list .inner .feature-image {
  border-top-color: #e1e1d9;
  float: left;
  width: 100%;
}
/* line 27, ../../app/assets/stylesheets/contests/index.css.scss */
#contests.index .contest-list .inner .feature-image:hover img {
  opacity: 0.9;
}
/* line 32, ../../app/assets/stylesheets/contests/index.css.scss */
#contests.index .contest-list .inner .meta {
  border-top-color: #89897b;
  float: right;
  width: 200px;
  margin-right: -240px;
}
/* line 38, ../../app/assets/stylesheets/contests/index.css.scss */
#contests.index .contest-list .inner .meta .title {
  margin-bottom: 20px;
}
/* line 41, ../../app/assets/stylesheets/contests/index.css.scss */
#contests.index .contest-list .inner .meta .title h3 {
  font-size: 14px;
  color: #4a4a39;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 20px;
}
/* line 49, ../../app/assets/stylesheets/contests/index.css.scss */
#contests.index .contest-list .inner .meta .title img {
  margin-bottom: 20px;
}
/* line 53, ../../app/assets/stylesheets/contests/index.css.scss */
#contests.index .contest-list .inner .meta .title:after {
  content: "";
  display: block;
  background: #c7c7b9;
  height: 1px;
  width: 24px;
}
/* line 62, ../../app/assets/stylesheets/contests/index.css.scss */
#contests.index .contest-list .inner .meta p {
  line-height: 1.5;
}
/* line 66, ../../app/assets/stylesheets/contests/index.css.scss */
#contests.index .contest-list .inner .meta dl {
  margin-top: 17px;
  font-size: 10px;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  /* line 75, ../../app/assets/stylesheets/contests/index.css.scss */
  #contests.index .contest-list .inner {
    padding-right: 0;
  }
  /* line 79, ../../app/assets/stylesheets/contests/index.css.scss */
  #contests.index .contest-list .inner .feature-image,
  #contests.index .contest-list .inner .meta {
    float: none;
  }
  /* line 83, ../../app/assets/stylesheets/contests/index.css.scss */
  #contests.index .contest-list .inner .meta {
    padding-top: 20px;
    border: none;
    width: 100%;
    margin-right: 0;
  }
}

/* line 2, ../../app/assets/stylesheets/contests/show.css.scss */
#contests.show #headContent {
  position: relative;
  overflow: hidden;
}
/* line 5, ../../app/assets/stylesheets/contests/show.css.scss */
#contests.show #headContent > .flex-container {
  position: static;
  max-width: 940px;
  background-position: center top;
}
/* line 9, ../../app/assets/stylesheets/contests/show.css.scss */
#contests.show #headContent > .flex-container h1 {
  position: relative;
  z-index: 1;
}
/* line 13, ../../app/assets/stylesheets/contests/show.css.scss */
#contests.show #headContent > .flex-container .bg {
  margin-left: -1000px;
  position: absolute;
  top: 0;
  left: 50%;
}
/* line 22, ../../app/assets/stylesheets/contests/show.css.scss */
#contests.show #navContent {
  border-top: 1px solid #e1e1d9;
  border-bottom: 1px solid #e1e1d9;
  background-color: #F5F5F2;
}
/* line 26, ../../app/assets/stylesheets/contests/show.css.scss */
#contests.show #navContent > .flex-container {
  zoom: 1;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
#contests.show #navContent > .flex-container:after {
  content: "";
  display: block;
  clear: both;
}
/* line 29, ../../app/assets/stylesheets/contests/show.css.scss */
#contests.show #navContent ul {
  zoom: 1;
  float: left;
  border-left: 1px solid #e1e1d9;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
#contests.show #navContent ul:after {
  content: "";
  display: block;
  clear: both;
}
/* line 33, ../../app/assets/stylesheets/contests/show.css.scss */
#contests.show #navContent ul li {
  border-right: 1px solid #e1e1d9;
  float: left;
}
/* line 36, ../../app/assets/stylesheets/contests/show.css.scss */
#contests.show #navContent ul li a {
  padding: 30px 20px;
  display: block;
  color: #89897b;
}
/* line 40, ../../app/assets/stylesheets/contests/show.css.scss */
#contests.show #navContent ul li a:hover {
  background: #ffffff;
  color: #333333;
  text-decoration: none;
}
/* line 45, ../../app/assets/stylesheets/contests/show.css.scss */
#contests.show #navContent ul li a:after {
  content: "";
  width: 7px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -678px 0;
  margin-left: 10px;
  vertical-align: middle;
}
/* line 32, ../../app/assets/stylesheets/sprite.css.scss */
#contests.show #navContent ul li a:after:hover, #contests.show #navContent ul li a:after.hover {
  width: 7px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -624px 0;
}
/* line 39, ../../app/assets/stylesheets/sprite.css.scss */
#contests.show #navContent ul li a:after:active, #contests.show #navContent ul li a:after.disable, #contests.show #navContent ul li a:after.disable:hover, #contests.show #navContent ul li a:after.current, #contests.show #navContent ul li a:after.current:hover {
  width: 7px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -678px 0;
}
/* line 55, ../../app/assets/stylesheets/contests/show.css.scss */
#contests.show #navContent .btn.green {
  margin-top: 14px;
  float: right;
  font-weight: bold;
}
/* line 59, ../../app/assets/stylesheets/contests/show.css.scss */
#contests.show #navContent .btn.green:after {
  content: "";
  width: 7px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -651px 0;
  margin-left: 10px;
  vertical-align: middle;
}
/* line 67, ../../app/assets/stylesheets/contests/show.css.scss */
#contests.show #navContent .btn.green:active:after {
  opacity: 0.6;
}
/* line 75, ../../app/assets/stylesheets/contests/show.css.scss */
#contests.show .flex-container > h2 {
  padding: 20px 0 0;
  float: left;
  line-height: 34px;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  /* line 83, ../../app/assets/stylesheets/contests/show.css.scss */
  #contests.show .flex-container > .works > .header .control {
    float: right;
  }
}

/* line 3, ../../app/assets/stylesheets/accounts/accounts.css.scss */
#accounts #pjax-container {
  margin-top: 514px;
}

/* line 4, ../../app/assets/stylesheets/accounts/edit.css.scss */
#accounts.edit .uiAvatarUploader {
  zoom: 1;
  margin-bottom: 10px;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
#accounts.edit .uiAvatarUploader:after {
  content: "";
  display: block;
  clear: both;
}
/* line 8, ../../app/assets/stylesheets/accounts/edit.css.scss */
#accounts.edit .uiAvatarUploader img {
  border: 5px solid #fff;
  width: 50px;
  height: 50px;
  float: left;
}
/* line 15, ../../app/assets/stylesheets/accounts/edit.css.scss */
#accounts.edit .uiAvatarUploader div {
  margin-left: 10px;
  float: left;
}
/* line 18, ../../app/assets/stylesheets/accounts/edit.css.scss */
#accounts.edit .uiAvatarUploader div a.btn {
  margin: 0 10px 0 0;
}
/* line 22, ../../app/assets/stylesheets/accounts/edit.css.scss */
#accounts.edit .uiAvatarUploader div p, #accounts.edit .uiAvatarUploader div input {
  margin-top: 10px;
}
/* line 26, ../../app/assets/stylesheets/accounts/edit.css.scss */
#accounts.edit .uiAvatarUploader div + div {
  display: block;
  clear: both;
  margin: 10px 0 0;
}
/* line 45, ../../app/assets/stylesheets/mixin.css.scss */
#accounts.edit label[for="user_account_attributes_birthday"] + .input .uiCustomeInput {
  zoom: 1;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
#accounts.edit label[for="user_account_attributes_birthday"] + .input .uiCustomeInput:after {
  content: "";
  display: block;
  clear: both;
}
/* line 45, ../../app/assets/stylesheets/mixin.css.scss */
#accounts.edit label[for="user_account_attributes_birthday"] + .input .customSelect {
  width: 141px;
  float: left;
}
/* line 41, ../../app/assets/stylesheets/accounts/edit.css.scss */
#accounts.edit label[for="user_account_attributes_birthday"] + .input .customSelect + .customSelect {
  margin-left: 18px;
}
/* line 45, ../../app/assets/stylesheets/mixin.css.scss */
#accounts.edit label[for="user_account_attributes_employment"] + .input .customSelect {
  width: 100%;
}
/* line 45, ../../app/assets/stylesheets/mixin.css.scss */
#accounts.edit label[for="user_account_attributes_state"] + .input .customSelect {
  width: 100%;
}

/* line 2, ../../app/assets/stylesheets/statics/activity_feed.css.scss */
#statics.activity_feed {
  font-size: 12px;
  color: #878779;
  letter-spacing: 1px;
  line-height: 16px;
}
/* line 8, ../../app/assets/stylesheets/statics/activity_feed.css.scss */
#statics.activity_feed h2 {
  position: relative;
  font-weight: normal;
  color: #4A4A39;
  font-size: 18px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #E1E1D9;
  padding: 27px 0;
  margin-bottom: 42px;
  line-height: 20px;
}
/* line 20, ../../app/assets/stylesheets/statics/activity_feed.css.scss */
#statics.activity_feed h2 a {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 12px 60px;
  border: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: #89897b;
  background-color: #f6f6f0;
  outline: none;
  cursor: pointer;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  right: 0;
  top: 19px;
  letter-spacing: -.01em;
}
/* line 17, ../../app/assets/stylesheets/mixin.css.scss */
#statics.activity_feed h2 a:before {
  content: '';
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  height: 100%;
  vertical-align: middle;
}
/* line 23, ../../app/assets/stylesheets/mixin.css.scss */
#statics.activity_feed h2 a > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 57, ../../app/assets/stylesheets/buttons.css.scss */
#statics.activity_feed h2 a:hover, #statics.activity_feed h2 a.hover {
  color: #4a4a3b;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
}
/* line 73, ../../app/assets/stylesheets/buttons.css.scss */
#statics.activity_feed h2 a:active, #statics.activity_feed h2 a.disable, #statics.activity_feed h2 a.current {
  color: #89897b;
  background-color: #e1e0d9;
  -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
}
/* line 30, ../../app/assets/stylesheets/statics/activity_feed.css.scss */
#statics.activity_feed #activity_feed_list {
  list-style: none;
  padding: 0;
  margin: 0;
  /*
      & + .btn {
        display: block;
        text-align: center;
        margin-top: 40px;
      }
  */
}
/* line 35, ../../app/assets/stylesheets/statics/activity_feed.css.scss */
#statics.activity_feed #activity_feed_list li {
  margin-bottom: 20px;
  line-height: 50px;
  display: table;
  width: 100%;
}
/* line 41, ../../app/assets/stylesheets/statics/activity_feed.css.scss */
#statics.activity_feed #activity_feed_list li .activity {
  width: 144px;
  display: table-cell;
  vertical-align: middle;
}
/* line 46, ../../app/assets/stylesheets/statics/activity_feed.css.scss */
#statics.activity_feed #activity_feed_list li .activity > .inner {
  position: relative;
  height: 50px;
}
/* line 50, ../../app/assets/stylesheets/statics/activity_feed.css.scss */
#statics.activity_feed #activity_feed_list li .activity > .inner img {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 55, ../../app/assets/stylesheets/statics/activity_feed.css.scss */
#statics.activity_feed #activity_feed_list li .activity > .inner i + img {
  left: auto;
  right: 0;
}
/* line 60, ../../app/assets/stylesheets/statics/activity_feed.css.scss */
#statics.activity_feed #activity_feed_list li .activity > .inner i[class*="icon-"] {
  position: absolute;
  top: 13px;
  left: 60px;
}
/* line 67, ../../app/assets/stylesheets/statics/activity_feed.css.scss */
#statics.activity_feed #activity_feed_list li .message {
  zoom: 1;
  padding-left: 15px;
  display: table-cell;
  vertical-align: middle;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
#statics.activity_feed #activity_feed_list li .message:after {
  content: "";
  display: block;
  clear: both;
}
/* line 73, ../../app/assets/stylesheets/statics/activity_feed.css.scss */
#statics.activity_feed #activity_feed_list li .message time {
  font-size: 10px;
  float: right;
}
/* line 78, ../../app/assets/stylesheets/statics/activity_feed.css.scss */
#statics.activity_feed #activity_feed_list li .message a {
  color: #a1a130;
}

/* line 2, ../../app/assets/stylesheets/statics/cancel_account.css.scss */
#statics.cancel_account hr {
  margin-bottom: 25px;
}
/* line 5, ../../app/assets/stylesheets/statics/cancel_account.css.scss */
#statics.cancel_account #rootContent p {
  margin: 5px 0;
  line-height: 1.5;
}
/* line 9, ../../app/assets/stylesheets/statics/cancel_account.css.scss */
#statics.cancel_account h4 {
  font-size: 14px;
  margin-bottom: 10px;
}
/* line 13, ../../app/assets/stylesheets/statics/cancel_account.css.scss */
#statics.cancel_account .input.password.optional {
  margin-right: 10px;
  display: inline-block;
}
/* line 17, ../../app/assets/stylesheets/statics/cancel_account.css.scss */
#statics.cancel_account .well {
  margin-bottom: 30px;
}

/* line 2, ../../app/assets/stylesheets/statics/contest10_material.css.scss */
#statics.contest10_material #headContent {
  position: relative;
  overflow: hidden;
}
/* line 5, ../../app/assets/stylesheets/statics/contest10_material.css.scss */
#statics.contest10_material #headContent > .flex-container {
  position: static;
  max-width: 940px;
  background-position: center top;
}
/* line 9, ../../app/assets/stylesheets/statics/contest10_material.css.scss */
#statics.contest10_material #headContent > .flex-container h1 {
  position: relative;
  z-index: 1;
}
/* line 13, ../../app/assets/stylesheets/statics/contest10_material.css.scss */
#statics.contest10_material #headContent > .flex-container .bg {
  margin-left: -1000px;
  position: absolute;
  top: 0;
  left: 50%;
}
/* line 22, ../../app/assets/stylesheets/statics/contest10_material.css.scss */
#statics.contest10_material #navContent {
  border-top: 1px solid #e1e1d9;
  border-bottom: 1px solid #e1e1d9;
  background-color: #F5F5F2;
}
/* line 26, ../../app/assets/stylesheets/statics/contest10_material.css.scss */
#statics.contest10_material #navContent > .flex-container {
  zoom: 1;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
#statics.contest10_material #navContent > .flex-container:after {
  content: "";
  display: block;
  clear: both;
}
/* line 29, ../../app/assets/stylesheets/statics/contest10_material.css.scss */
#statics.contest10_material #navContent ul {
  zoom: 1;
  float: left;
  border-left: 1px solid #e1e1d9;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
#statics.contest10_material #navContent ul:after {
  content: "";
  display: block;
  clear: both;
}
/* line 33, ../../app/assets/stylesheets/statics/contest10_material.css.scss */
#statics.contest10_material #navContent ul li {
  border-right: 1px solid #e1e1d9;
  float: left;
}
/* line 36, ../../app/assets/stylesheets/statics/contest10_material.css.scss */
#statics.contest10_material #navContent ul li a {
  padding: 30px 20px;
  display: block;
  color: #89897b;
}
/* line 40, ../../app/assets/stylesheets/statics/contest10_material.css.scss */
#statics.contest10_material #navContent ul li a:hover {
  background: #ffffff;
  color: #333333;
  text-decoration: none;
}
/* line 45, ../../app/assets/stylesheets/statics/contest10_material.css.scss */
#statics.contest10_material #navContent ul li a:after {
  content: "";
  width: 7px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -678px 0;
  margin-left: 10px;
  vertical-align: middle;
}
/* line 32, ../../app/assets/stylesheets/sprite.css.scss */
#statics.contest10_material #navContent ul li a:after:hover, #statics.contest10_material #navContent ul li a:after.hover {
  width: 7px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -624px 0;
}
/* line 39, ../../app/assets/stylesheets/sprite.css.scss */
#statics.contest10_material #navContent ul li a:after:active, #statics.contest10_material #navContent ul li a:after.disable, #statics.contest10_material #navContent ul li a:after.disable:hover, #statics.contest10_material #navContent ul li a:after.current, #statics.contest10_material #navContent ul li a:after.current:hover {
  width: 7px;
  height: 11px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -678px 0;
}
/* line 55, ../../app/assets/stylesheets/statics/contest10_material.css.scss */
#statics.contest10_material #navContent .btn.green {
  margin-top: 14px;
  float: right;
  font-weight: bold;
}
/* line 59, ../../app/assets/stylesheets/statics/contest10_material.css.scss */
#statics.contest10_material #navContent .btn.green:after {
  content: "";
  width: 7px;
  height: 10px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -651px 0;
  margin-left: 10px;
  vertical-align: middle;
}
/* line 67, ../../app/assets/stylesheets/statics/contest10_material.css.scss */
#statics.contest10_material #navContent .btn.green:active:after {
  opacity: 0.6;
}
/* line 75, ../../app/assets/stylesheets/statics/contest10_material.css.scss */
#statics.contest10_material .flex-container > h2 {
  padding: 20px 0 20px 0;
  line-height: 34px;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  /* line 82, ../../app/assets/stylesheets/statics/contest10_material.css.scss */
  #statics.contest10_material .flex-container > .works > .header .control {
    float: right;
  }
}
/* line 87, ../../app/assets/stylesheets/statics/contest10_material.css.scss */
#statics.contest10_material ul#material_list {
  clear: both;
  overflow: hidden;
  width: 980px;
}
/* line 92, ../../app/assets/stylesheets/statics/contest10_material.css.scss */
#statics.contest10_material ul#material_list li {
  display: table;
  float: left;
  margin: 0 19px 19px 0;
  background: #ffffff;
}
/* line 98, ../../app/assets/stylesheets/statics/contest10_material.css.scss */
#statics.contest10_material ul#material_list li a {
  display: table-cell;
  width: 220px;
  height: 220px;
  text-align: center;
  vertical-align: middle;
}
/* line 106, ../../app/assets/stylesheets/statics/contest10_material.css.scss */
#statics.contest10_material ul#material_list li img {
  margin: 0 auto;
  vertical-align: bottom;
}
/* line 113, ../../app/assets/stylesheets/statics/contest10_material.css.scss */
#statics.contest10_material p.rule {
  margin: 0 0 20px 0;
  padding: 10px;
  background: #fae2e0;
  border: 1px solid #ad4941;
  color: #4a4a3b;
  line-height: 1.6em;
}

/* line 4, ../../app/assets/stylesheets/statics/contest_rule.css.scss */
#statics.contest_rule #bodyContent {
  font-size: 12px;
  color: #4a4a39;
  letter-spacing: 1px;
  line-height: 16px;
}
/* line 10, ../../app/assets/stylesheets/statics/contest_rule.css.scss */
#statics.contest_rule #bodyContent h1 {
  font-weight: normal;
  color: #4a4a39;
  font-size: 18px;
  padding: 0;
  margin: 39px 0 36px;
  line-height: 20px;
  font-weight: bold;
}
/* line 20, ../../app/assets/stylesheets/statics/contest_rule.css.scss */
#statics.contest_rule #bodyContent h2 {
  color: #4a4a3a;
  font-weight: bold;
  font-size: 14px;
  margin: 25px 0 12px;
}
/* line 27, ../../app/assets/stylesheets/statics/contest_rule.css.scss */
#statics.contest_rule #bodyContent ol {
  list-style: decimal;
  margin-left: 1.5em;
}
/* line 32, ../../app/assets/stylesheets/statics/contest_rule.css.scss */
#statics.contest_rule #bodyContent ul {
  margin-top: 14px;
}
/* line 36, ../../app/assets/stylesheets/statics/contest_rule.css.scss */
#statics.contest_rule #bodyContent li ol {
  margin: 10px 0 0 22px;
  padding: 0;
}
/* line 41, ../../app/assets/stylesheets/statics/contest_rule.css.scss */
#statics.contest_rule #bodyContent li {
  margin: 0 0 14px 0;
  list-style-type: disc;
  list-style-position: inside;
}
/* line 46, ../../app/assets/stylesheets/statics/contest_rule.css.scss */
#statics.contest_rule #bodyContent li ul li {
  margin-left: 1em;
  list-style-type: none;
}
/* line 49, ../../app/assets/stylesheets/statics/contest_rule.css.scss */
#statics.contest_rule #bodyContent li ul li:before {
  content: "- ";
}

/* line 2, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index {
  padding-top: 0;
  /*=== Header
  ==============================================================================================*/
  /*=== Hero
  ==============================================================================================*/
  /*	float-container
  -----------------------------------------------*/
}
/* line 7, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #header {
  background: #000;
}
/* line 10, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #header > .container {
  position: relative;
  padding: 0 !important;
  margin: 0 auto;
  height: 120px;
}
@media screen and (min-width: 768px) {
  /* line 10, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #header > .container {
    width: 700px;
    padding: 0 32px;
  }
}
@media screen and (max-width: 768px) {
  /* line 10, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #header > .container {
    width: 700px;
    padding: 0 32px;
  }
}
@media screen and (min-width: 1024px) {
  /* line 10, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #header > .container {
    width: 940px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1264px) {
  /* line 10, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #header > .container {
    width: 1180px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1504px) {
  /* line 10, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #header > .container {
    width: 1420px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1744px) {
  /* line 10, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #header > .container {
    width: 1660px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1984px) {
  /* line 10, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #header > .container {
    width: 1900px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2224px) {
  /* line 10, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #header > .container {
    width: 2140px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2464px) {
  /* line 10, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #header > .container {
    width: 2380px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2704px) {
  /* line 10, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #header > .container {
    width: 2620px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 2944px) {
  /* line 10, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #header > .container {
    width: 2860px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3184px) {
  /* line 10, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #header > .container {
    width: 3100px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3424px) {
  /* line 10, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #header > .container {
    width: 3340px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3664px) {
  /* line 10, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #header > .container {
    width: 3580px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 3904px) {
  /* line 10, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #header > .container {
    width: 3820px;
    padding: 0 42px;
  }
}
/* line 18, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #header a {
  display: block;
  position: absolute;
  width: 199px;
  height: 120px;
  top: 0;
  left: 0;
  border-style: solid;
  border-width: 0 1px 0;
  border-color: #222;
  background: url(/assets/statics/index/header_logo.png) 50% 50% no-repeat;
}
/* line 30, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #header a span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}
/* line 42, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #header p {
  position: absolute;
  top: 0;
  left: 241px;
  color: #fff;
  height: 85px;
  padding: 32px 0 0;
  line-height: 1.5;
}
/* line 51, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #header p strong {
  font-weight: bold;
  display: block;
  margin-bottom: 3px;
}
/* line 58, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #header .fb-facepile {
  position: absolute;
  top: 20px;
  right: 0;
}
@media screen and (max-width: 1023px) {
  /* line 7, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #header {
    height: 169px;
  }
  /* line 67, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #header a {
    top: 30px;
    height: 19px;
    width: 110px;
  }
  /* line 73, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #header p {
    top: 79px;
    left: 0;
    padding: 0;
  }
  /* line 79, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #header .fb-facepile {
    top: 73px;
  }
}
/* line 139, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero {
  position: relative;
  padding: 40px 0;
  border-bottom: 1px solid #90bec7;
  margin-bottom: 39px;
  background: url("statics/index/bg.jpg") repeat;
  /*	Overlay & Shadow
  -----------------------------------------------*/
}
/* line 148, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7) url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9InJnYmEoMCwgMCwgMCwgMCkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: rgba(0, 0, 0, 0.7) -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(100%, #000000));
  background: rgba(0, 0, 0, 0.7) -webkit-linear-gradient(rgba(0, 0, 0, 0) 50%, #000000 100%);
  background: rgba(0, 0, 0, 0.7) -moz-linear-gradient(rgba(0, 0, 0, 0) 50%, #000000 100%);
  background: rgba(0, 0, 0, 0.7) -o-linear-gradient(rgba(0, 0, 0, 0) 50%, #000000 100%);
  background: rgba(0, 0, 0, 0.7) linear-gradient(rgba(0, 0, 0, 0) 50%, #000000 100%);
}
/* line 159, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container {
  zoom: 1;
  position: relative;
  margin: 0 auto;
  padding: 0 !important;
  width: 940px;
  display: table;
  /*	Column #1
  -----------------------------------------------*/
  /*	Column #2
  -----------------------------------------------*/
  /*	Responsive
  -----------------------------------------------*/
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
body#statics.index #hero > .container:after {
  content: "";
  display: block;
  clear: both;
}
/* line 167, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container .btn {
  width: 72px;
  height: 36px;
  padding: 0;
}
/* line 175, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container .col-1 {
  display: table-cell;
  vertical-align: top;
  background: rgba(34, 34, 34, 0.75);
  width: 200px;
}
/* line 181, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container .col-1 .login {
  padding: 20px;
  height: 108px;
  width: 200px;
}
/* line 186, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container .col-1 .login label {
  color: #fff;
}
/* line 190, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container .col-1 .login #user_login {
  width: 200px;
  margin-bottom: 10px;
}
/* line 194, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container .col-1 .login #user_password {
  width: 118px;
  float: left;
}
/* line 198, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container .col-1 .login input[type="submit"] {
  margin-left: 10px;
}
/* line 202, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container .col-1 .login .remember-me {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding-top: 10px;
}
/* line 206, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container .col-1 .login .forgot-pw {
  margin: 10px 0;
}
/* line 208, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container .col-1 .login .forgot-pw a {
  font-size: 10px;
  color: #fff;
}
/* line 215, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container .col-1 .signup {
  width: 200px;
  height: 211px;
  padding: 20px;
  background: rgba(17, 17, 17, 0.5);
  color: #fff;
  line-height: 1.5;
}
/* line 223, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container .col-1 .signup h1 {
  font-weight: bold;
  margin-bottom: 3px;
}
/* line 228, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container .col-1 .signup p {
  font-size: 10px;
}
/* line 232, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container .col-1 .signup ul {
  margin-top: 20px;
}
/* line 235, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container .col-1 .signup ul li + li {
  margin-top: 10px;
}
/* line 240, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container .col-1 .signup .btn {
  display: block;
  width: 200px;
  text-align: center;
}
/* line 247, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container .col-1.no-banner {
  display: table;
  width: 100%;
  background: none;
}
/* line 93, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container .col-1.no-banner .login {
  display: table-cell;
  padding: 0;
  height: auto;
}
/* line 98, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container .col-1.no-banner .login .remember-me {
  padding-top: 9px;
  margin-left: 10px;
}
/* line 102, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container .col-1.no-banner .login .forgot-pw {
  margin: 10px 0;
}
/* line 104, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container .col-1.no-banner .login .forgot-pw a {
  font-size: 10px;
  color: #fff;
}
/* line 110, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container .col-1.no-banner .signup {
  display: table-cell;
  width: auto;
  vertical-align: top;
  height: auto;
  padding: 0;
  padding-left: 40px;
  background: none;
}
/* line 119, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container .col-1.no-banner .signup h1 {
  margin-bottom: 0;
}
/* line 123, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container .col-1.no-banner .signup ul {
  zoom: 1;
  margin-top: 8px;
}
/* line 8, ../../app/assets/stylesheets/mixin.css.scss */
body#statics.index #hero > .container .col-1.no-banner .signup ul:after {
  content: "";
  display: block;
  clear: both;
}
/* line 127, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container .col-1.no-banner .signup ul li {
  float: left;
}
/* line 130, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container .col-1.no-banner .signup ul li + li {
  margin-top: 0;
  margin-left: 10px;
}
/* line 255, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container .col-2 {
  display: table-cell;
  vertical-align: top;
  position: relative;
  width: auto;
}
/* line 262, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #hero > .container .col-2 .uiSlider,
body#statics.index #hero > .container .col-2 .uiSlider .slider-content {
  width: 700px;
  height: 393px;
}
@media screen and (max-width: 1023px) {
  /* line 159, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #hero > .container {
    display: block;
    width: 700px;
  }
  /* line 275, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #hero > .container .col-1,
  body#statics.index #hero > .container .col-1.no-banner {
    display: table;
    width: 100%;
    background: none;
    display: block;
  }
  /* line 93, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #hero > .container .col-1 .login,
  body#statics.index #hero > .container .col-1.no-banner .login {
    display: table-cell;
    padding: 0;
    height: auto;
  }
  /* line 98, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #hero > .container .col-1 .login .remember-me,
  body#statics.index #hero > .container .col-1.no-banner .login .remember-me {
    padding-top: 9px;
    margin-left: 10px;
  }
  /* line 102, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #hero > .container .col-1 .login .forgot-pw,
  body#statics.index #hero > .container .col-1.no-banner .login .forgot-pw {
    margin: 10px 0;
  }
  /* line 104, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #hero > .container .col-1 .login .forgot-pw a,
  body#statics.index #hero > .container .col-1.no-banner .login .forgot-pw a {
    font-size: 10px;
    color: #fff;
  }
  /* line 110, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #hero > .container .col-1 .signup,
  body#statics.index #hero > .container .col-1.no-banner .signup {
    display: table-cell;
    width: auto;
    vertical-align: top;
    height: auto;
    padding: 0;
    padding-left: 40px;
    background: none;
  }
  /* line 119, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #hero > .container .col-1 .signup h1,
  body#statics.index #hero > .container .col-1.no-banner .signup h1 {
    margin-bottom: 0;
  }
  /* line 123, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #hero > .container .col-1 .signup ul,
  body#statics.index #hero > .container .col-1.no-banner .signup ul {
    zoom: 1;
    margin-top: 8px;
  }
  /* line 8, ../../app/assets/stylesheets/mixin.css.scss */
  body#statics.index #hero > .container .col-1 .signup ul:after,
  body#statics.index #hero > .container .col-1.no-banner .signup ul:after {
    content: "";
    display: block;
    clear: both;
  }
  /* line 127, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #hero > .container .col-1 .signup ul li,
  body#statics.index #hero > .container .col-1.no-banner .signup ul li {
    float: left;
  }
  /* line 130, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #hero > .container .col-1 .signup ul li + li,
  body#statics.index #hero > .container .col-1.no-banner .signup ul li + li {
    margin-top: 0;
    margin-left: 10px;
  }
  /* line 279, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #hero > .container .col-1 .login,
  body#statics.index #hero > .container .col-1.no-banner .login {
    width: 100%;
    display: block;
    zoom: 1;
  }
  /* line 8, ../../app/assets/stylesheets/mixin.css.scss */
  body#statics.index #hero > .container .col-1 .login:after,
  body#statics.index #hero > .container .col-1.no-banner .login:after {
    content: "";
    display: block;
    clear: both;
  }
  /* line 285, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #hero > .container .col-1 .login .uiCustomeInput,
  body#statics.index #hero > .container .col-1 .login input[type="submit"],
  body#statics.index #hero > .container .col-1.no-banner .login .uiCustomeInput,
  body#statics.index #hero > .container .col-1.no-banner .login input[type="submit"] {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    float: left;
  }
  /* line 290, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #hero > .container .col-1 .login #user_login,
  body#statics.index #hero > .container .col-1.no-banner .login #user_login {
    margin-bottom: 0;
    margin-right: 10px;
  }
  /* line 296, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #hero > .container .col-1 .signup,
  body#statics.index #hero > .container .col-1.no-banner .signup {
    margin-top: 20px;
    display: block;
    padding-left: 0;
  }
  /* line 303, ../../app/assets/stylesheets/statics/index.css.scss */
  body#statics.index #hero > .container .col-2 {
    display: block;
    margin-top: 40px;
  }
}
/* line 313, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #float-container {
  width: 700px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 25px 0px black;
  -moz-box-shadow: 0px 0px 25px 0px black;
  box-shadow: 0px 0px 25px 0px black;
}
/* line 317, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #float-container .head {
  padding: 40px;
  background: url(/assets/statics/index/float_container_bg.jpg) center top no-repeat;
  position: relative;
}
/* line 323, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #float-container .head:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 4;
}
/* line 335, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #float-container .head > * {
  position: relative;
  z-index: 5;
}
/* line 340, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #float-container .head .logo {
  text-align: center;
}
/* line 343, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #float-container .head .lead {
  padding: 30px;
  line-height: 1.5;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
/* line 351, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #float-container .head .signup .title {
  margin-bottom: 8px;
}
/* line 353, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #float-container .head .signup .title strong {
  font-weight: bold;
}
/* line 357, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #float-container .head .signup ul {
  margin-top: 20px;
  text-align: center;
}
/* line 360, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #float-container .head .signup ul li {
  display: inline-block;
}
/* line 362, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #float-container .head .signup ul li > .btn {
  padding: 10px;
  width: 180px;
  text-align: center;
}
/* line 367, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #float-container .head .signup ul li + li {
  margin-left: 10px;
}
/* line 374, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #float-container .login {
  padding: 40px;
  background-color: #2F3131;
}
/* line 377, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #float-container .login > * {
  color: #fff;
}
/* line 380, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #float-container .login .title {
  margin-bottom: 20px;
}
/* line 382, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #float-container .login .title strong {
  font-weight: bold;
}
/* line 386, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #float-container .login .input {
  margin-right: 10px;
  display: inline-block;
}
/* line 389, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #float-container .login .input input {
  width: 200px;
}
/* line 393, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #float-container .login .btn {
  padding: 12px 20px;
}
/* line 396, ../../app/assets/stylesheets/statics/index.css.scss */
body#statics.index #float-container .login .remember-me {
  margin-left: 20px;
  display: inline-block;
  font-size: 10px;
}

/* line 2, ../../app/assets/stylesheets/statics/please_confirm.css.scss */
#statics.please_confirm h2 {
  position: relative;
  font-weight: normal;
  color: #4A4A39;
  font-size: 18px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #E1E1D9;
  padding: 27px 0;
  margin-bottom: 27px;
  line-height: 20px;
}
/* line 14, ../../app/assets/stylesheets/statics/please_confirm.css.scss */
#statics.please_confirm p {
  line-height: 1.5;
}
/* line 17, ../../app/assets/stylesheets/statics/please_confirm.css.scss */
#statics.please_confirm .btn {
  margin: 0 auto;
  margin-top: 40px;
  padding: 18px 20px;
  display: block;
  width: 180px;
  text-align: center;
}
/* line 25, ../../app/assets/stylesheets/statics/please_confirm.css.scss */
#statics.please_confirm .campaign {
  margin-top: 62px;
}
/* line 28, ../../app/assets/stylesheets/statics/please_confirm.css.scss */
#statics.please_confirm .campaign a {
  margin: 0 auto;
  margin-top: 40px;
  display: block;
  width: 700px;
  text-align: center;
}

/* line 4, ../../app/assets/stylesheets/statics/privacy_policy.css.scss */
#statics.privacy_policy #bodyContent {
  font-size: 12px;
  color: #878779;
  letter-spacing: 1px;
  line-height: 16px;
}
/* line 10, ../../app/assets/stylesheets/statics/privacy_policy.css.scss */
#statics.privacy_policy #bodyContent h2 {
  font-weight: normal;
  color: #4A4A39;
  font-size: 18px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #E1E1D9;
  padding: 30px 0;
  margin-bottom: 42px;
  line-height: 20px;
}
/* line 22, ../../app/assets/stylesheets/statics/privacy_policy.css.scss */
#statics.privacy_policy #bodyContent h3 {
  color: #4A4A3A;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 20px;
}
/* line 29, ../../app/assets/stylesheets/statics/privacy_policy.css.scss */
#statics.privacy_policy #bodyContent section {
  margin: 30px auto 5px;
}
/* line 33, ../../app/assets/stylesheets/statics/privacy_policy.css.scss */
#statics.privacy_policy #bodyContent ol {
  list-style: decimal;
  margin-left: 1.5em;
}
/* line 38, ../../app/assets/stylesheets/statics/privacy_policy.css.scss */
#statics.privacy_policy #bodyContent li ol {
  margin: 10px 0 0 22px;
  padding: 0;
}
/* line 43, ../../app/assets/stylesheets/statics/privacy_policy.css.scss */
#statics.privacy_policy #bodyContent li {
  margin: 0 0 14px 0;
}
/* line 47, ../../app/assets/stylesheets/statics/privacy_policy.css.scss */
#statics.privacy_policy #bodyContent article > p {
  text-align: right;
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #e1e0d9;
}

/* line 28, ../../app/assets/stylesheets/statics/sample.css.scss */
body#statics.sample .icons-sample {
  padding-top: 40px;
}
/* line 201, ../../app/assets/stylesheets/mixin.css.scss */
body#statics.sample .icons-sample h3 a {
  display: block;
  line-height: 34px;
  vertical-align: middle;
}
/* line 206, ../../app/assets/stylesheets/mixin.css.scss */
body#statics.sample .icons-sample h3 a .more {
  padding: 0 30px;
  display: inline-block;
  float: right;
  color: #89897b;
  font-size: 12px;
  border-radius: 4px;
}
/* line 213, ../../app/assets/stylesheets/mixin.css.scss */
body#statics.sample .icons-sample h3 a .more:after {
  content: "";
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 8px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 2378px auto;
  background-position: -484px 0;
}
/* line 221, ../../app/assets/stylesheets/mixin.css.scss */
body#statics.sample .icons-sample:hover h3 a .more {
  background-color: #F5F5F2;
}
/* line 224, ../../app/assets/stylesheets/mixin.css.scss */
body#statics.sample .icons-sample h3 a:hover .more {
  color: #4a4a3b;
}
/* line 31, ../../app/assets/stylesheets/statics/sample.css.scss */
body#statics.sample .icons-sample > p {
  display: inline-block;
  width: 220px;
}
/* line 35, ../../app/assets/stylesheets/statics/sample.css.scss */
body#statics.sample .icons-sample h3 a {
  width: 300px;
  font-size: 14px;
}
/* line 188, ../../app/assets/stylesheets/mixin.css.scss */
body#statics.sample .icons-sample h3 a:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  width: 30px;
  vertical-align: middle;
  width: 18px;
  height: 20px;
  display: inline-block;
  background-image: url(https://dxlojozrg45zx.cloudfront.net/assets/sprite/icon-s16c3fa01fe-517a81a45a1673fdf1d89385b2cf4e42.png);
  background-repeat: no-repeat;
  background-size: 3329px auto;
  background-position: -333px 0;
}
/* line 41, ../../app/assets/stylesheets/statics/sample.css.scss */
body#statics.sample .badge-chart {
  width: 72px;
  height: 72px;
  position: relative;
  background-color: #dad9d2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 0 1px #eeeeeb;
  -moz-box-shadow: inset 0 0 0 1px #eeeeeb;
  box-shadow: inset 0 0 0 1px #eeeeeb;
  overflow: hidden;
}
/* line 20, ../../app/assets/stylesheets/components/users/badge.css.scss */
body#statics.sample .badge-chart, body#statics.sample .badge-chart > * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 24, ../../app/assets/stylesheets/components/users/badge.css.scss */
body#statics.sample .badge-chart span {
  position: absolute;
  display: block;
  font-size: 24px;
  color: #c6c6b8;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  height: 58px;
  width: 58px;
  top: 7px;
  left: 7px;
  background-color: #eeeeeb;
  z-index: 5;
  line-height: 58px;
  text-align: center;
}
/* line 41, ../../app/assets/stylesheets/components/users/badge.css.scss */
body#statics.sample .badge-chart span:after {
  content: "%";
  font-size: 12px;
  padding-left: .5ex;
}
/* line 48, ../../app/assets/stylesheets/components/users/badge.css.scss */
body#statics.sample .badge-chart .pie {
  position: absolute;
  width: 50%;
  height: 100%;
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  background: #a1a130;
}
/* line 56, ../../app/assets/stylesheets/components/users/badge.css.scss */
body#statics.sample .badge-chart .spinner {
  -webkit-border-radius: 100% 0 0 100%/50% 0 0 50%;
  -moz-border-radius: 100% 0 0 100%/50% 0 0 50%;
  -ms-border-radius: 100% 0 0 100%/50% 0 0 50%;
  -o-border-radius: 100% 0 0 100%/50% 0 0 50%;
  border-radius: 100% 0 0 100%/50% 0 0 50%;
  border: 1px solid #eeeeeb;
  border-right: 0;
  z-index: 3;
}
/* line 63, ../../app/assets/stylesheets/components/users/badge.css.scss */
body#statics.sample .badge-chart .filler {
  display: none;
  left: 50%;
  -webkit-border-radius: 0 100% 100% 0/0 50% 50% 0;
  -moz-border-radius: 0 100% 100% 0/0 50% 50% 0;
  -ms-border-radius: 0 100% 100% 0/0 50% 50% 0;
  -o-border-radius: 0 100% 100% 0/0 50% 50% 0;
  border-radius: 0 100% 100% 0/0 50% 50% 0;
  border: 1px solid #eeeeeb;
  border-left: 0;
  z-index: 2;
}
/* line 72, ../../app/assets/stylesheets/components/users/badge.css.scss */
body#statics.sample .badge-chart .mask {
  display: block;
  position: absolute;
  width: 50%;
  height: 100%;
  background-color: #dad9d2;
  -webkit-border-radius: 100% 0 0 100%/50% 0 0 50%;
  -moz-border-radius: 100% 0 0 100%/50% 0 0 50%;
  -ms-border-radius: 100% 0 0 100%/50% 0 0 50%;
  -o-border-radius: 100% 0 0 100%/50% 0 0 50%;
  border-radius: 100% 0 0 100%/50% 0 0 50%;
  border: 1px solid #eeeeeb;
  border-right: 0;
  z-index: 4;
}
/* line 85, ../../app/assets/stylesheets/components/users/badge.css.scss */
body#statics.sample .badge-chart.past-half .filler {
  display: block;
}
/* line 88, ../../app/assets/stylesheets/components/users/badge.css.scss */
body#statics.sample .badge-chart.past-half .mask {
  display: none;
}

/* line 4, ../../app/assets/stylesheets/statics/terms.css.scss */
#statics.terms #bodyContent {
  font-size: 12px;
  color: #878779;
  letter-spacing: 1px;
  line-height: 16px;
}
/* line 11, ../../app/assets/stylesheets/statics/terms.css.scss */
#statics.terms h2 {
  font-weight: normal;
  color: #4A4A39;
  font-size: 18px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #E1E1D9;
  padding: 30px 0;
  margin-bottom: 42px;
  line-height: 20px;
}
/* line 23, ../../app/assets/stylesheets/statics/terms.css.scss */
#statics.terms h3 {
  color: #4A4A3A;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 20px;
}
/* line 30, ../../app/assets/stylesheets/statics/terms.css.scss */
#statics.terms section {
  margin: 30px auto 5px;
}
/* line 34, ../../app/assets/stylesheets/statics/terms.css.scss */
#statics.terms ol {
  list-style: decimal;
  margin-left: 1.5em;
}
/* line 39, ../../app/assets/stylesheets/statics/terms.css.scss */
#statics.terms li ol {
  margin: 10px 0 0 22px;
  padding: 0;
}
/* line 44, ../../app/assets/stylesheets/statics/terms.css.scss */
#statics.terms li {
  margin: 0 0 14px 0;
}

/* line 6, ../../app/assets/stylesheets/notifications/edit.css.scss */
#notifications.edit .form-inputs hr {
  margin-bottom: 40px;
}
/* line 10, ../../app/assets/stylesheets/notifications/edit.css.scss */
#notifications.edit .form-inputs .input-check {
  margin-bottom: 20px;
}

/* line 1, ../../app/assets/stylesheets/errors.css.scss */
#error {
  padding-top: 59px;
}
/* line 4, ../../app/assets/stylesheets/errors.css.scss */
#error #wrapper {
  width: 700px;
  margin: 0 auto;
}
/* line 8, ../../app/assets/stylesheets/errors.css.scss */
#error #wrapper .page-header {
  width: 700px;
  margin: 0 0 59px 0;
  padding-bottom: 59px;
  border-bottom: 1px solid #e1e1d9;
}
/* line 14, ../../app/assets/stylesheets/errors.css.scss */
#error #wrapper .lead {
  margin: 20px 0;
  font-size: 24px;
}
/* line 18, ../../app/assets/stylesheets/errors.css.scss */
#error #wrapper p {
  margin: 10px 0;
}
/* line 22, ../../app/assets/stylesheets/errors.css.scss */
#error .full {
  margin-top: 30px;
  width: 660px;
}

/* line 74, ../../app/assets/stylesheets/application.css.scss */
#users #pjax-container {
  margin-top: 514px;
  padding-top: 20px;
}