/*

Champagne CSS

The width of the ul is equal to the number of columns times li width
and the height of the ul is equal to the number of rows times li height.

Don't forget to account for margin, padding, and borders!

*/
/* line 17, champagne/champagne.scss */
  /* line 65, champagne/champagne.scss */
  .champagne > li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 5px;
    height: auto;
    }
  /* line 79, champagne/champagne.scss */
  .champagne div.hidden {
    display: none; }
  /* line 83, champagne/champagne.scss */
  .champagne div.visible {
    display: block;
    -webkit-animation: scaleIn 0.6s ease;
    -moz-animation: scaleIn 0.6s ease;
    animation: scaleIn 0.6s ease; }

@-webkit-keyframes scaleIn {
  /* line 92, champagne/champagne.scss */
  from {
    -webkit-transform: scale(0); }

  /* line 93, champagne/champagne.scss */
  66% {
    -webkit-transform: scale(1.1); }

  /* line 94, champagne/champagne.scss */
  to {
    -webkit-transform: scale(1); } }

@-moz-keyframes scaleIn {
  /* line 98, champagne/champagne.scss */
  from {
    -webkit-transform: scale(0); }

  /* line 99, champagne/champagne.scss */
  66% {
    -webkit-transform: scale(1.1); }

  /* line 100, champagne/champagne.scss */
  to {
    -webkit-transform: scale(1); } }

@-o-keyframes scaleIn {
  /* line 104, champagne/champagne.scss */
  from {
    -webkit-transform: scale(0); }

  /* line 105, champagne/champagne.scss */
  66% {
    -webkit-transform: scale(1.1); }

  /* line 106, champagne/champagne.scss */
  to {
    -webkit-transform: scale(1); } }

@keyframes scaleIn {
  /* line 110, champagne/champagne.scss */
  from {
    -webkit-transform: scale(0); }

  /* line 111, champagne/champagne.scss */
  66% {
    -webkit-transform: scale(1.1); }

  /* line 112, champagne/champagne.scss */
  to {
    -webkit-transform: scale(1); } }