@charset "UTF-8";
/* COLORS */
/* COLORS AS WE ACTUALLY USE THEM IN THE STYLES */
/* TYPE SCALE */
/* TYPOGRAPHY */
/* IMPORTANT SIZES */
/* MEDIA QUERIES */
/* BORDER STUFF */
.secret-stamp, .secret-container, .secret-slice {
  zoom: 1; }
  .secret-stamp:after, .secret-container:after, .secret-slice:after {
    clear: both; }
  .secret-stamp:after, .secret-container:after, .secret-slice:after, .secret-stamp:before, .secret-container:before, .secret-slice:before {
    content: '';
    display: table; }

/* MEDIA QUERY MIXINS */
/* FONT SIZE MIXINS */
/* FONT SIZE PLACEHOLDERS */
h3, big small, small big, .secret-font-size-normal {
  font-size: 1rem;
  line-height: 1.3888888889em; }

big, .secret-font-size-subtitle, .secret-font-size-big {
  font-size: 2.5555555556rem;
  line-height: 1.0652173913em; }

h1, h2, big big, .secret-font-size-title, .secret-font-size-biggest {
  font-size: 5.5555555556rem;
  line-height: 1.12em; }

/* TEXT MIXINS */
/* TEXT PLACEHOLDERS */
h3 {
  font-family: "courier-prime", Courier, sans-serif;
  font-weight: 700; }

h1, h2 {
  font-family: "futura-pt", Futura, sans-serif;
  font-weight: 700; }

/* GRID HACKS */
/* FOR SCREEN READERS */
.secret-dont-speak {
  speak: none; }

.secret-hidden {
  display: block !important;
  margin: 0 !important;
  max-height: 0 !important;
  max-width: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 0 !important; }

/* TYPOGRAPHY */
.secret-text-center {
  text-align: center; }

.secret-text-left {
  text-align: left; }

.secret-text-right {
  text-align: right; }

/* PUSH AND PULL CLASSES */
@media (min-width: 450px) {
  .secret-pull-right {
    float: right; } }

@media (min-width: 450px) {
  .secret-pull-left {
    float: left; } }

/* MARGINS */
.secret-marginless {
  margin: 0 !important; }

/* VIEWPORT WIDTH */
@media (max-width: 449px) {
  .secret-hide-small {
    display: none !important; } }

@media (min-width: 450px) and (max-width: 899px) {
  .secret-hide-medium {
    display: none !important; } }

@media (min-width: 900px) {
  .secret-hide-big {
    display: none !important; } }

@media screen and (min-width: 1472.7272727273px) {
  .secret-hide-biggest {
    display: none !important; } }

/* PIXEL DENSITY */
@media screen and (max-resolution: 149dpi) {
  .secret-hide-non-retina {
    display: none !important; } }
@media screen and (min-resolution: 150dpi) {
  .secret-hide-retina {
    display: none !important; } }
.secret-hide {
  max-height: 0 !important;
  overflow: hidden !important;
  speak: none !important;
  visibility: hidden !important; }

.secret-success .secret-hide-on-success {
  display: none !important; }

.secret-show-on-success {
  display: none !important; }
  .secret-success .secret-show-on-success {
    display: block !important; }

small, .secret-font-size-small {
  font-size: 16px;
  line-height: 21px; }

small small, .secret-font-size-smallest {
  font-size: 13px;
  line-height: 18px; }

.secret-text-bold {
  font-weight: 700; }

.secret-text-constrained {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.secret-gitter-small, .secret-gitter-medium, .secret-gitter-wide {
  clear: both;
  display: block;
  float: left;
  margin-bottom: 8.3333333333vw;
  padding: 0 8.3333333333vw;
  position: relative;
  vertical-align: top;
  width: 100%; }
  @media (min-width: 450px) and (max-width: 899px) {
    .secret-gitter-small, .secret-gitter-medium, .secret-gitter-wide {
      margin-bottom: 35px;
      padding: 0; } }
  @media screen and (min-width: 900px) and (max-width: 1471.7272727273px) {
    .secret-gitter-small, .secret-gitter-medium, .secret-gitter-wide {
      margin-bottom: 2.3765432099vw;
      padding: 0 2.3765432099vw; } }
  @media screen and (min-width: 1472.7272727273px) {
    .secret-gitter-small, .secret-gitter-medium, .secret-gitter-wide {
      margin-bottom: 35px;
      padding: 0 35px; } }
  @media (min-width: 900px) {
    .secret-gitter-small, .secret-gitter-medium, .secret-gitter-wide {
      clear: none;
      display: table-cell;
      float: none; } }

@media (min-width: 450px) {
  .secret-gitter-small {
    clear: none; } }
@media (min-width: 450px) and (max-width: 899px) {
  .secret-gitter-small {
    width: 100%; } }
@media (min-width: 900px) {
  .secret-gitter-small {
    width: 33.3333333333%; } }

@media (min-width: 900px) {
  .secret-gitter-medium {
    clear: none;
    padding-left: 0;
    width: 66.6666666667%; } }

@media (min-width: 900px) {
  .secret-gitter-wide {
    display: block; } }

.secret-gitter-row {
  zoom: 1;
  display: block;
  margin-bottom: 0;
  width: 100%; }
  .secret-gitter-row:after {
    clear: both; }
  .secret-gitter-row:after, .secret-gitter-row:before {
    content: '';
    display: table; }
  @media (min-width: 900px) {
    .secret-gitter-row {
      border-collapse: separate;
      border-spacing: 0;
      display: table;
      table-layout: fixed; } }

* {
  box-sizing: border-box; }

body {
  display: block;
  overflow-x: hidden;
  padding: 8.3333333333% 0 0;
  position: relative; }
  @media (min-width: 450px) and (max-width: 899px) {
    body {
      padding: 4.1666666667% 0 0; } }
  @media (min-width: 900px) and (max-width: 1349px) {
    body {
      padding: 2.5925925926% 0 0; } }
  @media (min-width: 1350px) {
    body {
      padding: 35px 0 0; } }

body, html {
  background-color: #FBB969;
  background-repeat: repeat;
  background-size: 250px 250px;
  background-position: center top;
  color: #434343;
  font-family: "courier-prime", Courier, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  margin: 0;
  text-align: left;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

dl, p, ol, table, ul {
  margin: 0 0 1.3888888889em;
  padding: 0; }
  dl:last-child, p:last-child, ol:last-child, table:last-child, ul:last-child {
    margin-bottom: 0; }

em {
  font-style: italic; }

hr {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='9' width='849' viewBox='0 0 849 9'%3E%3Cpath fill='%23444444' d='M601,1.8c-2.3,1.2-3.8,1.5-6.6,1.3c-0.4,0-0.9-0.4-1.2-0.8c-0.4-0.6-0.6-1.4-0.5-2.1H489.7 c0.2,0.2,0.5,0.4,0.7,0.7c0.3,0.3,0.2,0.9,0.3,1.4c0.5,1,0.4,1.9-0.5,2.5c-0.9,0.7-2-0.3-2.3-2.1c-0.1-0.5-0.3-1-0.2-1.4 s0.4-0.9,0.8-1.2H0v8.7h52.3c3.3-2.9,7.5-4.6,12-4.5c0,1.3,0.6,2.1,1.7,2.2c1.4,0.1,2.9-0.4,4.2,0.4c0.6,0.6,1.3,1.3,1.9,1.9h4.2 c0,0,0,0,0.1-0.1c0.7,0,1.5,0,2.1,0c0,0,0,0,0.1,0.1h13.7c0.3-0.1,0.6-0.1,0.9,0c0.2,0,0.3,0,0.5,0h1.8c0.4,0,0.9,0,1.3,0h252 c0,0,0,0,0-0.1c0.2-0.4,0.6-1.1,0.7-1.1c0.8,0.3,1.3,0.7,1.4,1.2h164.9c0.1-2.6,1-3.2,4-3c0.4,0,0.8,0.4,1.1,0.8 c0.1,0.2-0.1,0.7-0.3,1c-0.2,0.4-0.5,0.8-0.9,0.9c-0.5,0.1-1,0.2-1.4,0.3h34c0.3-0.2,0.6-0.3,1-0.2c0.1,0.1,0.2,0.1,0.3,0.2h13.7 c0.1-0.2,0.3-0.4,0.5-0.4c0.9-0.3,1.8-0.5,2.7-0.5l0.7,0.9h240.2c0.3-1.1,0.2-2.1-0.5-3.1c-0.8-1.1-0.8-1.7,0-2.2 c0.9-0.5,1.7-0.4,2.7,0.1c1.8,0.9,2.2,1.5,1.6,3.3c-0.2,0.7-0.4,1.3-0.7,1.9H849V0.2H601.7C601.8,0.9,601.6,1.4,601,1.8z M343.9,8.7 c-0.1,0.1-0.7-0.5-1.1-0.7c-0.4-0.6-0.3-1.3,0.6-2c0.1-0.1,0.8,0.4,1.1,0.7C345,7.2,344.8,8,343.9,8.7z'/%3E%3C/svg%3E");
  background-position: center top;
  background-repeat: repeat;
  background-size: 849px 9px;
  border: none;
  border-radius: 4.5px;
  clear: both;
  display: block;
  height: 9px;
  margin: 0 8.3333333333%;
  outline: none;
  padding: 0;
  width: auto; }
  @media (min-width: 450px) {
    hr {
      margin: 0; } }
  @media screen and (min-width: 900px) and (max-width: 1471.7272727273px) {
    hr {
      margin: 2.3765432099vw 2.3765432099vw 0; } }
  @media screen and (min-width: 1472.7272727273px) {
    hr {
      margin: 35px 35px 0; } }
  hr:after {
    content: '';
    display: table; }

html {
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-text-size-adjust: none; }

img, svg {
  display: inline-block;
  height: auto;
  margin: 0 auto;
  max-width: 100%; }

strong {
  font-weight: 700; }

a {
  color: #434343;
  font-weight: 700;
  text-decoration: underline;
  transition: color 60ms ease; }
  a:hover {
    color: #968975;
    cursor: pointer; }
h1, h2 {
  display: block; }
  h1, h2 {
    color: #434343; }

h1 {
  margin: 0.14em 0; }

h2 {
  margin: -0.16em 0 8.3333333333vw;
  text-transform: uppercase; }
  @media (max-width: 449px) {
    h2 {
      font-size: 46px;
      line-height: 49px;
      margin-bottom: 8.3333333333vw; } }
  @media (min-width: 450px) and (max-width: 899px) {
    h2 {
      font-size: 46px;
      line-height: 49px;
      margin-bottom: 4.1666666667vw; } }
  @media screen and (min-width: 900px) and (max-width: 1471.7272727273px) {
    h2 {
      font-size: 7.4074074074vw;
      font-size: calc(46px + 54 * (100vw - 900px) / 572.7272727273);
      line-height: 8.2962962963vw;
      line-height: calc(49px + 63 * (100vw - 900px) / 572.7272727273);
      margin-bottom: 2.5925925926vw;
      margin-bottom: calc(23.3333333333px + 11.6666666667 * (100vw - 900px) / 572.7272727273); } }
  @media screen and (min-width: 1472.7272727273px) {
    h2 {
      margin-bottom: 35px; } }

h3 {
  font-weight: bold; }

.secret-question {
  break-inside: avoid;
  margin-bottom: 2.7777777778rem; }

.secret-stamp {
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  background: #FBB969;
  background-clip: border-box;
  border: 34px solid #FBB969;
  border-image: url("../assets/svgs/secret-buy-dots.svg") 43.1472081218% 43.1472081218% repeat repeat;
  border-radius: 27.8px;
  bottom: 0;
  box-shadow: 0 4px 0 0 rgba(67, 67, 67, 0.52);
  height: auto;
  left: 0;
  padding: 36px;
  padding-bottom: 52px;
  position: absolute;
  right: 0;
  top: 0;
  transform: perspective(200vmin) rotateX(0deg);
  transition: transform 270ms ease;
  transition: transform 270ms cubic-bezier(0.5, 0.25, 0.75, 1.5); }
  @media (min-width: 450px) {
    .secret-stamp {
      position: relative; } }
  .secret-stamp.secret-flip {
    transform: perspective(200vmin) rotateX(-180deg); }
    .secret-stamp.secret-flip + .secret-stamp {
      transform: perspective(200vmin) rotateX(0deg); }
  .secret-stamp a svg {
    margin-top: -18.75px; }
  .secret-stamp a, .secret-stamp a:hover, .secret-stamp p, .secret-stamp p:hover {
    color: #F0654B; }
  .secret-stamp a:hover > svg {
    opacity: 0.52; }
  .secret-stamp + .secret-stamp {
    bottom: 0;
    position: relative;
    top: 0;
    transform: perspective(200vmin) rotateX(180deg); }
    @media (min-width: 450px) {
      .secret-stamp + .secret-stamp {
        position: absolute; } }
  .secret-stamp .secret-button {
    margin-bottom: 0; }
  .secret-stamp .secret-stamp-toggle {
    bottom: -6.25px;
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%; }
    @media (min-width: 450px) {
      .secret-stamp .secret-stamp-toggle {
        bottom: 21.875px; } }

.secret-button {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #434343;
  border: none;
  border-radius: 20px;
  break-inside: avoid;
  color: #FBB969;
  display: block;
  font-family: "courier-prime", Courier, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  margin: 0 auto 37.5px;
  max-width: 100%;
  padding: 16.5px 35px 18.5px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 0 0 rgba(67, 67, 67, 0.25);
  transition: background-color 60ms ease, border-color 60ms ease, border-radius 60ms ease, box-shadow 60ms ease, color 60ms ease;
  transition: background-color 60ms cubic-bezier(0.5, 0.25, 0.75, 1.5), border-color 60ms cubic-bezier(0.5, 0.25, 0.75, 1.5), border-radius 60ms cubic-bezier(0.5, 0.25, 0.75, 1.5), box-shadow 60ms cubic-bezier(0.5, 0.25, 0.75, 1.5), color 60ms cubic-bezier(0.5, 0.25, 0.75, 1.5);
  vertical-align: baseline;
  width: 100%; }
  .secret-button:last-child {
    margin-bottom: 0; }
  .secret-button:hover {
    background-color: #434343;
    color: #FBB969;
    cursor: pointer;
    text-shadow: 0 0 1px rgba(67, 67, 67, 0.25); }
  .secret-button:active span {
    transform: translateY(2px);
    -ms-transform: translateY(2px); }
  .secret-button:active, .secret-button:focus {
    outline: none; }
  .secret-button[disabled] {
    cursor: default;
    opacity: 0.5;
    pointer-events: none !important;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none; }
  @media (min-width: 450px) and (max-width: 899px) {
    .secret-button {
      display: inline-block; } }
  .secret-button span {
    display: inline-block;
    position: relative;
    transform: translateY(0);
    -ms-transform: translateY(0);
    transition: transform 60ms ease; }
  #faq .secret-button {
    border-radius: 4px;
    display: block;
    margin-bottom: 25px;
    margin-left: 0;
    margin-right: 0;
    text-transform: uppercase;
    width: 450px; }
    @media (min-width: 1350px) {
      #faq .secret-button {
        float: left;
        margin-left: 15px;
        width: 400px; } }

dd {
  margin: 0 0 1em 2em; }
  dd:last-of-type {
    margin-bottom: 0; }

dt {
  color: #434343;
  font-weight: 700; }
li {
  margin: 0 0 0.5em; }

ol, ul {
  list-style-position: outside;
  margin: 1.5em 0 1.5em 1.5em;
  padding-left: 1.125em; }

ol ol {
  list-style-type: lower-roman; }

ol ol, ul ul {
  margin: 0.5em 0 0.5em 0.5em; }

.secret-container {
  margin: 0 auto 7.7777777778vw;
  max-width: 1350px;
  padding: 0;
  width: 100%; }
  @media (min-width: 450px) and (max-width: 899px) {
    .secret-container {
      margin-bottom: 35px;
      max-width: 450px;
      padding: 0 37.5px; } }
  @media (min-width: 900px) {
    .secret-container {
      padding: 0 37.5px; } }
  @media screen and (min-width: 900px) and (max-width: 1471.7272727273px) {
    .secret-container {
      margin-bottom: 2.3765432099vw;
      width: 91.6666666667%; } }
  @media screen and (min-width: 1472.7272727273px) {
    .secret-container {
      margin-bottom: 35px; } }

.secret-input {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border-color: currentColor;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  box-shadow: 0 0 0 #C59257;
  box-sizing: border-box;
  color: currentColor;
  display: block;
  font-family: "courier-prime", Courier, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  margin: 0 0 25px;
  max-width: 100%;
  outline: none;
  padding: 17.5px 16px 15.5px;
  text-align: left;
  transition: background-color 60ms ease-in, border-color 60ms ease-in, box-shadow 60ms ease-in;
  transition-timing-function: cubic-bezier(0.5, 0.25, 0.75, 1.5);
  width: 450px; }
  .secret-input:active, .secret-input:focus {
    box-shadow: 0 3px 5px #C59257;
    color: currentColor;
    outline: none; }
  .secret-input[disabled], form[disabled] .secret-input {
    cursor: default;
    opacity: 0.3; }
  @media (min-width: 1350px) {
    .secret-input {
      float: left;
      height: 85px;
      width: 400px; } }
  .secret-input:-moz-placeholder {
    color: #C59257;
    display: block !important;
    font-weight: 700;
    max-width: 100%;
    opacity: 0.73;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis !important; }
  .secret-input::-moz-placeholder {
    color: #C59257;
    display: block !important;
    font-weight: 700;
    max-width: 100%;
    opacity: 0.73;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis !important; }
  .secret-input:-ms-input-placeholder {
    color: #C59257;
    display: block !important;
    font-weight: 700;
    max-width: 100%;
    opacity: 0.73;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis !important; }
  .secret-input::-webkit-input-placeholder {
    color: #C59257;
    display: block !important;
    font-weight: 700;
    max-width: 100%;
    opacity: 0.73;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis !important; }
.secret-radio {
  display: block;
  height: 0;
  left: -9999px;
  left: -9999vw;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  top: 0;
  width: 0; }

.secret-radio-label {
  cursor: pointer;
  display: block;
  font-size: inherit;
  font-weight: 700;
  margin: 0;
  padding: 0;
  text-transform: uppercase; }
  .secret-radio-label[for='standard'] {
    padding-right: 12px;
    position: relative;
    text-align: right; }
    .secret-radio-label[for='standard']:after {
      background: #434343;
      bottom: 3px;
      content: '';
      display: block;
      left: 100%;
      position: absolute;
      top: 5px;
      transform: translateX(-1px);
      width: 2px; }
  .secret-radio-label[for='woodbox'] {
    padding-left: 12px;
    text-align: left; }

.secret-split {
  position: relative; }
  @media (min-width: 900px) {
    .secret-split {
      padding-bottom: 60px; }
      #print-n-play .secret-split {
        padding-bottom: 130px; } }
  @media (min-width: 900px) {
    .secret-split .secret-buttons {
      bottom: 0;
      left: 0;
      position: absolute;
      width: 100%; } }
  .secret-split .secret-button-dots, .secret-split .secret-label {
    display: none;
    vertical-align: bottom;
    white-space: nowrap; }
    @media (min-width: 900px) {
      .secret-split .secret-button-dots, .secret-split .secret-label {
        display: table-cell; } }
  .secret-split .secret-button-dots {
    overflow: hidden;
    padding-left: 8.5px; }
  @media (min-width: 900px) {
    .secret-split .secret-button-row {
      display: table;
      table-layout: fixed;
      width: 100%; } }
  .secret-split .secret-button-row + .secret-button-row .secret-widget-wrap {
    padding-top: 10px; }
  .secret-split .secret-label {
    text-transform: uppercase; }
    .secret-split .secret-label span {
      display: inline-block; }
  .secret-split .secret-split-content {
    display: block;
    padding-bottom: 25px; }
  @media (min-width: 900px) {
    .secret-split .secret-widget-wrap {
      display: table-cell;
      padding-left: 8.5px;
      vertical-align: top;
      width: 296.5px; } }
  @media (min-width: 1350px) {
    .secret-split {
      column-gap: 70px; } }
  h2 + .secret-split {
    margin-top: -12px; }
  .secret-split p {
    break-inside: avoid;
    column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    -webkit-column-break-inside: avoid; }
  .secret-split .blackbox-widget {
    display: block !important;
    height: 60px;
    margin-top: 0;
    position: relative;
    width: 288px; }
    @media (max-width: 448px) {
      .secret-split .blackbox-widget {
        left: 50%;
        transform: translateX(-50%); } }
  #print-n-play .secret-split {
    column-fill: balance;
    -webkit-column-fill: balance; }

.secret-card.secret-card-rotate {
  animation-duration: 6000ms;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: cardStackRotate;
  animation-timing-function: linear;
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 0; }
  .secret-card.secret-card-rotate:nth-child(1) {
    animation-delay: -1200ms; }
  .secret-card.secret-card-rotate:nth-child(2) {
    animation-delay: -2400ms; }
  .secret-card.secret-card-rotate:nth-child(3) {
    animation-delay: -3600ms; }
  .secret-card.secret-card-rotate:nth-child(4) {
    animation-delay: -4800ms; }
  .secret-card.secret-card-rotate:nth-child(5) {
    animation-delay: 0ms;
    z-index: 1; }
.secret-card .secret-multiply {
  mix-blend-mode: multiply;
  -webkit-mix-blend-mode: multiply; }

.secret-cardstack, .secret-phone {
  background-color: #F7E1C3;
  background-image: url("../assets/svgs/secret-cardstack-706a99af.svg");
  background-position: center 100%;
  background-repeat: no-repeat;
  background-size: 101.5% auto;
  border-radius: 6.6666666667vw;
  box-shadow: 0 7.7777777778vw 0 0 #C59257;
  display: block;
  margin-bottom: 10%;
  padding: 5.5555555556vw 5.5555555556vw 24.4444444444vw;
  position: relative;
  transform: translateY(0);
  z-index: 1; }
  @media (min-width: 450px) and (max-width: 899px) {
    .secret-cardstack, .secret-phone {
      border-radius: 30px;
      box-shadow: 0 35px 0 0 #C59257;
      padding: 25px 25px 110px; } }
  @media screen and (min-width: 900px) and (max-width: 1471.7272727273px) {
    .secret-cardstack, .secret-phone {
      border-radius: 2.037037037vw;
      box-shadow: 0 2.3765432099vw 0 0 #C59257;
      padding: 1.6975308642vw 1.6975308642vw 7.1296296296vw; } }
  @media screen and (min-width: 1472.7272727273px) {
    .secret-cardstack, .secret-phone {
      border-radius: 30px;
      box-shadow: 0 35px 0 0 #C59257;
      padding: 25px 25px 105px; } }
  .secret-cardpack .secret-cardstack, .secret-cardpack .secret-phone {
    background-position: center bottom -15.5555555556vw;
    box-shadow: 0 2.2222222222vw 0 0 #C59257;
    padding-bottom: 7.7777777778vw; }
    @media (min-width: 450px) and (max-width: 899px) {
      .secret-cardpack .secret-cardstack, .secret-cardpack .secret-phone {
        background-position: center bottom -70px;
        box-shadow: 0 10px 0 0 #C59257;
        padding-bottom: 35px; } }
    @media screen and (min-width: 900px) and (max-width: 1471.7272727273px) {
      .secret-cardpack .secret-cardstack, .secret-cardpack .secret-phone {
        background-position: center bottom -4.4814814815vw;
        box-shadow: 0 0.6790123457vw 0 0 #C59257;
        padding-bottom: 2.3765432099vw; } }
    @media screen and (min-width: 1472.7272727273px) {
      .secret-cardpack .secret-cardstack, .secret-cardpack .secret-phone {
        background-position: center bottom -66px;
        box-shadow: 0 10px 0 0 #C59257;
        padding-bottom: 35px; } }

.secret-cardpack {
  position: relative; }
  .secret-cardpack:before, .secret-cardpack:after {
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    padding-top: 175%;
    pointer-events: none;
    position: absolute; }
  .secret-cardpack:before {
    background-image: url("../assets/svgs/secret-cardpackaging-shadow-d0d942e9.svg");
    background-position: center top;
    left: 5.75%;
    top: 0.5%;
    width: 88.5%;
    z-index: 0; }
    @media (max-width: 449px) {
      .secret-cardpack:before {
        top: 0.75%; } }
    @media (min-width: 450px) and (max-width: 899px) {
      .secret-cardpack:before {
        left: -3%;
        padding-top: 200%;
        width: 106%; } }
  .secret-cardpack:after {
    background-image: url("../assets/svgs/secret-cardpackaging-147be09b.svg");
    background-position: center top;
    height: 0;
    left: 3.75%;
    top: -4%;
    width: 92.5%;
    z-index: 2; }
    @media (max-width: 449px) {
      .secret-cardpack:after {
        left: 4.5%;
        top: -3.5%;
        width: 91%; } }
    @media (min-width: 450px) and (max-width: 899px) {
      .secret-cardpack:after {
        left: -5%;
        padding-top: 200%;
        top: -4%;
        width: 110%; } }

@media (max-width: 449px) {
  .secret-card-gitter {
    margin-bottom: 7.7777777778vw; } }
@media (min-width: 450px) and (max-width: 899px) {
  .secret-card-gitter {
    margin-right: 3.8888888889vw; } }

@keyframes cardStackRotate {
  0% {
    z-index: 1; }
  20% {
    z-index: 1; }
  21% {
    z-index: 0; }
  99% {
    z-index: 0; }
  100% {
    z-index: 1; } }
.secret-header {
  display: block;
  margin: 0 auto 44.7px;
  max-width: 100%;
  padding: 0 0 5vw;
  position: relative;
  text-align: center;
  width: 1350px;
  z-index: 1; }
  @media (min-height: 66vw) {
    .secret-header {
      min-height: 100vh; } }
  @media (min-width: 1350px) {
    .secret-header {
      padding-bottom: 150px; } }
  .secret-header, .secret-header h1 {
    color: transparent; }
  .secret-header svg {
    height: auto;
    max-width: 100%; }
  .secret-header .secret-goal, .secret-header .secret-logo, .secret-header .secret-procedure, .secret-header .secret-rules {
    animation-fill-mode: backwards;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-timing-function: cubic-bezier(0.5, 0.25, 0.75, 1.5);
    margin: 0 auto;
    transform-origin: 50% 50% 0;
    transition: margin 120ms ease; }
  .secret-header .secret-goal, .secret-header .secret-rules {
    animation-name: fadeIn; }
  .secret-header .secret-goal {
    animation-delay: 360ms;
    animation-duration: 480ms;
    animation-name: fadeIn;
    width: 50%; }
    @media (min-width: 900px) {
      .secret-header .secret-goal {
        margin-bottom: 25px; } }
  .secret-header .secret-logo, .secret-header .secret-rules {
    animation-duration: 360ms; }
  .secret-header .secret-logo {
    animation-delay: 960ms;
    animation-name: popIn;
    margin-bottom: 5vw;
    width: 90%; }
    @media (min-width: 900px) and (max-width: 1349px) {
      .secret-header .secret-logo {
        margin-bottom: 10vw; } }
    @media (min-width: 1350px) {
      .secret-header .secret-logo {
        margin-bottom: 150px;
        width: 1120px; } }
  .secret-header .secret-rules {
    animation-delay: 1440ms;
    width: 75%; }
  .secret-header .secret-procedure {
    animation-delay: 1680ms;
    animation-duration: 180ms;
    animation-name: dropIn;
    display: block;
    margin-bottom: 5vw;
    position: relative;
    width: 50%;
    transform: translateY(-20%); }
    @media (min-width: 900px) and (max-width: 1349px) {
      .secret-header .secret-procedure {
        margin-bottom: 10vw; } }
    @media (min-width: 1350px) {
      .secret-header .secret-procedure {
        margin-bottom: 150px; } }

.secret-header-wrap {
  display: block;
  position: relative;
  width: 100%; }
  @media (min-height: 70vw) {
    .secret-header-wrap {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%); } }
  @media (max-height: 152vw) and (max-width: 899px) {
    .secret-header-wrap {
      padding-top: 40px; } }

@keyframes dropIn {
  0% {
    transform: translateY(-120%); }
  100% {
    transform: translateY(-15%); } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes popIn {
  0% {
    transform: scale(0, 0); }
  100% {
    transform: scale(1, 1); } }
.secret-phone {
  background-color: #444444;
  background-image: none;
  border-color: #3A3B3A #313231 #282828;
  box-shadow: 0 17px 0 0 #303030, 0 11.5555555556vw 0 0 #C59257;
  padding: 0; }
  .secret-phone:before {
    content: '';
    display: block;
    margin: 0;
    padding: 155.48% 0 0; }
  .secret-phone, .secret-phone .secret-screen {
    border-style: solid;
    border-width: 4px; }
  @media (min-width: 450px) and (max-width: 899px) {
    .secret-phone {
      box-shadow: 0 17px 0 0 #303030, 0 52px 0 0 #C59257; } }
  @media screen and (min-width: 900px) and (max-width: 1471.7272727273px) {
    .secret-phone {
      box-shadow: 0 17px 0 0 #303030, 0 3.5308641975vw 0 0 #C59257; } }
  @media screen and (min-width: 1472.7272727273px) {
    .secret-phone {
      box-shadow: 0 17px 0 0 #303030, 0 52px 0 0 #C59257; } }
  .secret-phone .secret-bar {
    background: #B5AFA8;
    display: block;
    padding: 5.9322033898% 13.3199464525%;
    width: 100%; }
  .secret-phone .secret-buttons, .secret-phone .secret-camera, .secret-phone .secret-home-button, .secret-phone .secret-jack, .secret-phone .secret-screen, .secret-phone .secret-speaker {
    display: block;
    position: absolute; }
  .secret-phone .secret-buttons {
    display: block;
    height: 34%;
    left: 100%;
    top: 11.2683303319%;
    transform: translateX(4px);
    width: 8.3333333333%; }
    .secret-phone .secret-buttons:after, .secret-phone .secret-buttons:before {
      background: #3A3B3A;
      border-radius: 0 5px 5px 0;
      content: '';
      display: block;
      height: 0;
      left: -1px;
      margin-bottom: 18%;
      padding-top: 192%;
      position: relative;
      width: 5px; }
  .secret-phone .secret-camera, .secret-phone .secret-jack, .secret-phone .secret-speaker {
    transform: translateX(-50%) translateY(-50%); }
  .secret-phone .secret-camera, .secret-phone .secret-speaker {
    top: 6.4316953949%; }
  .secret-phone .secret-camera {
    background: #303030;
    border-radius: 50%;
    left: 37.56%;
    padding-top: 2.96%;
    width: 2.96%; }
  .secret-phone .secret-home-button {
    border: 4px solid #353535;
    border-radius: 50%;
    left: 50%;
    height: 8.2068433239%;
    padding: 0;
    top: 93.4396706972%;
    transform: translateX(-50%) translateY(-50%);
    width: 12.76%; }
  .secret-phone .secret-jack {
    background: #1E1E1E;
    border-radius: 2.5px;
    height: 5px;
    left: 50%;
    top: 100%;
    transform: translateX(-50%) translateY(9px);
    width: 8.3333333333%; }
  .secret-phone .secret-screen {
    background: #F0EFEF;
    border-color: #231F20;
    bottom: 12.6576019778%;
    left: 3.56%;
    overflow: hidden;
    top: 11.2683303319%;
    width: 92.88%; }
    .secret-phone .secret-screen .secret-quote-wrap {
      color: #B5AFA8;
      margin: 8.3333333333% 0 0;
      padding: 0;
      position: relative; }
    .secret-phone .secret-screen blockquote {
      animation-delay: 0ms;
      animation-duration: 24000ms;
      animation-fill-mode: both;
      animation-iteration-count: infinite;
      animation-name: braggin;
      animation-timing-function: ease-in-out;
      animation-timing-function: cubic-bezier(0.5, 0.25, 0.75, 1.5);
      border-color: currentColor;
      border-style: solid;
      border-width: 3px 0;
      font-size: 7.1428571429vw;
      line-height: 1.2666666667em;
      margin: 0;
      left: 13.3199464525%;
      overflow: hidden;
      padding: 10% 0;
      position: absolute;
      text-transform: uppercase;
      top: 0;
      width: 73.3719892953%; }
      .secret-phone .secret-screen blockquote + blockquote {
        left: 100%; }
      .secret-phone .secret-screen blockquote:nth-child(2) {
        animation-delay: 4800ms; }
      .secret-phone .secret-screen blockquote:nth-child(3) {
        animation-delay: 9600ms; }
      .secret-phone .secret-screen blockquote:nth-child(4) {
        animation-delay: 14400ms; }
      .secret-phone .secret-screen blockquote:nth-child(5) {
        animation-delay: 19200ms; }
      @media (min-width: 450px) and (max-width: 899px) {
        .secret-phone .secret-screen blockquote {
          font-size: 32.1428571429px; } }
      @media screen and (min-width: 900px) and (max-width: 1471.7272727273px) {
        .secret-phone .secret-screen blockquote {
          font-size: 1.8333333333vw; } }
      @media screen and (min-width: 1472.7272727273px) {
        .secret-phone .secret-screen blockquote {
          font-size: 27px; } }
      .secret-phone .secret-screen blockquote:before {
        content: '“'; }
      .secret-phone .secret-screen blockquote:after {
        content: '”'; }
  .secret-phone .secret-speaker {
    background-color: #3A3536;
    border-radius: 3.5px;
    height: 1.8008747106%;
    left: 52.14%;
    width: 18.04%; }
  .secret-phone .secret-url {
    animation-delay: -720ms;
    animation-duration: 24000ms;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-name: browsin;
    animation-timing-function: ease-in-out;
    animation-timing-function: cubic-bezier(0.5, 0.25, 0.75, 1.5);
    border-color: transparent;
    border-style: solid;
    border-width: 0 1px 0 0;
    display: block;
    left: 3.5vw;
    max-width: 100%;
    overflow: hidden;
    position: absolute;
    top: 4px;
    white-space: nowrap; }
    @media (min-width: 450px) and (max-width: 899px) {
      .secret-phone .secret-url {
        left: 15.75px; } }
    @media screen and (min-width: 900px) and (max-width: 1471.7272727273px) {
      .secret-phone .secret-url {
        left: 1.0694444444vw; } }
    @media screen and (min-width: 1472.7272727273px) {
      .secret-phone .secret-url {
        left: 15.75px; } }
    .secret-phone .secret-url:nth-child(2) {
      animation-delay: 4080ms; }
    .secret-phone .secret-url:nth-child(3) {
      animation-delay: 8880ms; }
    .secret-phone .secret-url:nth-child(4) {
      animation-delay: 13680ms; }
    .secret-phone .secret-url:nth-child(5) {
      animation-delay: 18480ms; }
    .secret-phone .secret-url + .secret-url {
      border-color: transparent;
      max-width: 0; }
  .secret-phone .secret-url-wrap {
    background: #e6e4e4;
    border-radius: 3vw;
    display: block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 3.5555555556vw;
    height: 6vw;
    letter-spacing: 1px;
    line-height: 4.6666666667vw;
    margin: 0;
    overflow: hidden;
    padding: 4px 3.5vw 2px;
    position: relative;
    width: 100%; }
    @media (min-width: 450px) and (max-width: 899px) {
      .secret-phone .secret-url-wrap {
        border-radius: 13.5px;
        font-size: 16px;
        height: 27px;
        line-height: 21px;
        padding-left: 15.75px;
        padding-right: 15.75px; } }
    @media screen and (min-width: 900px) and (max-width: 1471.7272727273px) {
      .secret-phone .secret-url-wrap {
        border-radius: 0.9166666667vw;
        font-size: 1.0864197531vw;
        height: 1.8333333333vw;
        line-height: 1.4259259259vw;
        padding-left: 1.0694444444vw;
        padding-right: 1.0694444444vw; } }
    @media screen and (min-width: 1472.7272727273px) {
      .secret-phone .secret-url-wrap {
        border-radius: 13.5px;
        font-size: 16px;
        height: 27px;
        line-height: 21px;
        padding-left: 15.75px;
        padding-right: 15.75px; } }

@keyframes braggin {
  0% {
    border-radius: 3px;
    left: 100%;
    max-height: 0;
    padding: 0;
    transform: translateX(0);
    width: 6px; }
  1.25% {
    border-radius: 3px;
    left: 50%;
    max-height: 0;
    padding: 0;
    transform: translateX(-3px);
    width: 6px; }
  2.5% {
    border-radius: 0;
    left: 13.3199464525%;
    max-height: 0;
    padding: 0;
    transform: translateX(0);
    width: 73.3719892953%; }
  3.75% {
    border-radius: 0;
    left: 13.3199464525%;
    max-height: 15.5555555556rem;
    padding: 10% 0;
    transform: translateX(0);
    width: 73.3719892953%; }
  15.625% {
    border-radius: 0;
    left: 13.3199464525%;
    max-height: 15.5555555556rem;
    padding: 10% 0;
    transform: translateX(0);
    width: 73.3719892953%; }
  16.25% {
    border-radius: 0;
    left: 13.3199464525%;
    max-height: 0;
    padding: 0;
    transform: translateX(0);
    width: 73.3719892953%; }
  16.875% {
    border-radius: 3px;
    left: 50%;
    max-height: 0;
    padding: 0;
    transform: translateX(-3px);
    width: 6px; }
  17.5% {
    border-radius: 3px;
    left: -6px;
    max-height: 0;
    padding: 0;
    transform: translateX(0);
    width: 6px; }
  100% {
    border-radius: 3px;
    left: -6px;
    max-height: 0;
    padding: 0;
    transform: translateX(0);
    width: 6px; } }
@keyframes browsin {
  0% {
    border-color: transparent;
    color: #434343;
    max-width: 0; }
  1.25% {
    border-color: currentColor;
    color: #434343;
    max-width: 100%; }
  2.5% {
    border-color: transparent;
    color: #B5AFA8;
    max-width: 100%; }
  12.5% {
    border-color: transparent;
    color: #B5AFA8;
    max-width: 100%; }
  13.125% {
    border-color: currentColor;
    color: #434343;
    max-width: 100%; }
  13.75% {
    border-color: currentColor;
    color: #434343;
    max-width: 0; }
  14.375% {
    border-color: transparent;
    color: #434343;
    max-width: 0; }
  100% {
    border-color: transparent;
    color: #434343;
    max-width: 0; } }
.secret-social-links {
  display: block;
  margin: 0;
  list-style: none;
  padding: 0;
  position: absolute;
  z-index: 5; }

.secret-social-link-wrap {
  border-collapse: collapse;
  bottom: 100vh;
  border-spacing: 0 0;
  display: table;
  font-size: 1.5rem;
  margin: 0;
  padding: 0;
  position: fixed;
  table-layout: fixed;
  text-align: center;
  transition: transform 120ms ease-in-out;
  width: 100vh;
  width: calc(100vh - 60px); }
  .secret-social-link-wrap span {
    display: table-cell;
    height: 4.1666666667vw;
    line-height: 4.1666666667vw;
    overflow: hidden;
    padding: 17.5px 0;
    text-transform: uppercase;
    vertical-align: middle; }
    @media screen and (min-width: 1472.7272727273px) and (max-width: 1496.7272727273px) {
      .secret-social-link-wrap span {
        height: 81.25px;
        line-height: 81.25px;
        line-height: calc(81.25px - 56.25 * (100vw - 1350px) / 25); } }
    @media screen and (min-width: 1497.7272727273px) {
      .secret-social-link-wrap span {
        height: 56.25px;
        line-height: 25px; } }
  .secret-social-link-wrap .secret-illustration {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .secret-social-link-wrap .secret-illustration-wrap {
    display: block;
    max-height: 100%;
    position: relative;
    width: auto; }
  .secret-social-link-wrap .secret-social-icon {
    padding: 0 17.5px;
    width: 126.8px; }

#facebook {
  bottom: 100vh;
  left: 91.6666666667vw;
  left: calc(91.6666666667vw - 35px);
  transform: rotate(90deg);
  transform-origin: 0% 100%; }
  @media screen and (max-width: 639px) {
    #facebook {
      transform: rotate(90deg) translateY(-150%); } }
  @media (min-width: 900px) {
    #facebook {
      left: 91.6666666667vw; } }
  @media screen and (min-width: 1472.7272727273px) {
    #facebook {
      left: 50%;
      transform: rotate(90deg) translateY(-640px); } }

#twitter {
  bottom: 100vh;
  right: 91.6666666667vw;
  right: calc(91.6666666667vw - 35px);
  transform: rotate(-90deg);
  transform-origin: 100% 100%; }
  @media screen and (max-width: 639px) {
    #twitter {
      transform: rotate(-90deg) translateY(-150%); } }
  @media (min-width: 900px) {
    #twitter {
      right: 91.6666666667vw; } }
  @media screen and (min-width: 1472.7272727273px) {
    #twitter {
      right: 50%;
      transform: rotate(-90deg) translateY(-640px); } }

.secret-box-class-0 {
  fill: #454445; }

.secret-box-class-1 {
  fill: #FCE0C0; }

.secret-box-class-2 {
  fill: none; }

.secret-box-class-3 {
  fill: #F7E3C1; }

.secret-box-class-4 {
  fill: #F2654B; }

.secret-box-class-5 {
  fill: #434243; }

.secret-box-class-6 {
  clip-path: url(#secret-box-svg-clip-2); }

.secret-box-class-7 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #FDE1C0; }

.secret-box-class-8 {
  fill: #F1654B; }

.secret-box-class-9 {
  opacity: 0.5; }

.secret-box-class-10 {
  opacity: 0.41; }

.secret-box-class-11 {
  opacity: 0.19; }

.secret-box-class-12 {
  fill: #FDE1C0; }

.secret-box-class-13 {
  opacity: 0.4; }

.secret-box-class-14 {
  opacity: 0.29; }

.secret-box-class-15 {
  opacity: 0.78; }

.secret-box-class-16 {
  opacity: 0.8; }

.secret-box-class-17 {
  opacity: 0.54; }

.secret-box-class-18 {
  opacity: 0.74; }

.secret-box-class-19 {
  opacity: 0.23; }

.secret-box-class-20 {
  opacity: 0.24; }

.secret-box-class-21 {
  clip-path: url(#secret-box-svg-clip-4); }

.secret-box-class-22 {
  opacity: 0.6; }

.secret-box-class-23 {
  fill: #FDE3C1; }

.secret-box-class-24 {
  opacity: 0.65; }

.secret-box-class-25 {
  opacity: 0.48; }

.secret-box-class-26 {
  fill: #FDE3C0; }

.secret-box-class-27 {
  opacity: 0.46; }

.secret-box-class-28 {
  opacity: 0.36;
  fill: #3D3838; }

.secret-box-class-29 {
  clip-path: url(#secret-box-svg-clip-6); }

.secret-ballot, .secret-hour-hand, .secret-minute-hand, .secret-poop, .secret-tongue {
  transform-box: view-box; }

.secret-hour-hand, .secret-minute-hand {
  animation-delay: 0ms;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: rotateHand;
  animation-timing-function: linear;
  transform-box: fill-box; }

.secret-hour-hand {
  animation-duration: 3600000ms;
  transform-origin: 28.15% 82.08% 0; }
  .secret-box-small .secret-hour-hand {
    transform-origin: 20.37470726% 30.4903677758%; }

.secret-minute-hand {
  animation-duration: 60000ms;
  transform-origin: 17.06% 19.36% 0; }
  .secret-box-small .secret-minute-hand {
    transform-origin: 79.9774520857% 16.7564966314%; }

.secret-ballot, .secret-tongue, .secret-trigger {
  animation-duration: 2880ms;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out; }

.secret-box-shrink {
  animation-delay: 0ms;
  animation-duration: 2880ms;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: pointin;
  animation-timing-function: linear;
  transform: scale(1, 0);
  transform-box: view-box;
  transform-origin: 28.5118992499% 68.2258064516%; }
  .secret-box-shrink.secret-box-class-5 {
    transform-origin: 35.1514029077% 55.2867383513%; }
  .secret-box-small .secret-box-shrink {
    animation-name: pointinSmall;
    transform-origin: 12.9595588235% 25.7394483217%; }
    .secret-box-small .secret-box-shrink.secret-box-class-5 {
      transform-origin: 12.8446691176% 25.4486540379%; }

.secret-dagger, .secret-dagger-shadow .secret-dagger-shadow-wrap {
  animation-delay: 0ms;
  animation-duration: 2880ms;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

.secret-dagger {
  animation-name: stabbin; }
  .secret-box-small .secret-dagger {
    animation-name: stabbinSmall; }

.secret-dagger-shadow .secret-dagger-shadow-wrap {
  animation-name: stabbinShadow, stabbinShadowBlur; }
  @media not all and (min-resolution: 0.001dpcm) {
    .secret-dagger-shadow .secret-dagger-shadow-wrap {
      animation-name: stabbinShadow; } }
  .secret-box-small .secret-dagger-shadow .secret-dagger-shadow-wrap {
    animation-name: stabbinShadowSmall, stabbinShadowBlurSmall; }
    @media not all and (min-resolution: 0.001dpcm) {
      .secret-box-small .secret-dagger-shadow .secret-dagger-shadow-wrap {
        animation-name: stabbinShadowSmall; } }

.secret-folder {
  pointer-events: none; }
  .secret-folder .secret-ballot {
    animation-delay: 1440ms;
    animation-duration: 5760ms;
    animation-name: votin;
    transform-origin: 82.8780442634% 37.2759856631% 0; }
    .secret-box-small .secret-folder .secret-ballot {
      animation-name: votinSmall;
      transform-origin: 53.3088235294% 74.6925889% 0; }

.secret-gun .secret-trigger {
  animation-delay: 0ms;
  animation-name: firin;
  transform-origin: 50% 100% 0; }
  .secret-box-small .secret-gun .secret-trigger {
    animation-name: firinSmall; }

.secret-pigeon .secret-poop {
  animation-duration: 2880ms;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: poopin;
  opacity: 0;
  transform: translateY(-19px) scale(0);
  transform-origin: 50% 50% 0; }
  .secret-box-small .secret-pigeon .secret-poop {
    animation-name: poopinSmall; }
    .secret-box-small .secret-pigeon .secret-poop:nth-child(1) {
      transform-origin: 20.9099264706% 64.0578265204%; }
    .secret-box-small .secret-pigeon .secret-poop:nth-child(2) {
      transform-origin: 21.8290441176% 65.8856763044%; }
    .secret-box-small .secret-pigeon .secret-poop:nth-child(4) {
      transform-origin: 20.3354779412% 66.5918909937%; }
  .secret-pigeon .secret-poop:nth-child(1) {
    animation-delay: 0ms;
    transform-origin: 72.8308176683% 66.7025089606% 0; }
  .secret-pigeon .secret-poop:nth-child(2) {
    animation-delay: 120ms;
    transform-origin: 73.7846096861% 65.8691756272% 0; }
  .secret-pigeon .secret-poop:nth-child(4) {
    animation-delay: 360ms;
    transform-origin: 74.6087600704% 67.8405017921% 0; }

.secret-snake .secret-tongue {
  animation-delay: 720ms;
  animation-name: wagglin;
  transform-origin: 39.3554958792% 35.4838709677% 0; }
  .secret-box-small .secret-snake .secret-tongue {
    animation-name: wagglinSmall;
    transform-origin: 56.0661764706% 35.8092389498% 0; }

@keyframes rotateHand {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }
@keyframes firin {
  0% {
    transform: translateX(0); }
  16.6666666667% {
    transform: translateX(-3px); }
  33.3333333333% {
    transform: translateX(0); }
  100% {
    transform: translateX(0); } }
@keyframes firinSmall {
  0% {
    transform: translateY(0); }
  16.6666666667% {
    transform: translateY(-3px); }
  33.3333333333% {
    transform: translateY(0); }
  100% {
    transform: translateY(0); } }
@keyframes pointin {
  0% {
    animation-timing-function: ease-out;
    transform: scale(1, 0); }
  4.1666666667% {
    transform: scale(1, 1); }
  35.4166666667% {
    animation-timing-function: ease-in;
    transform: scale(1, 1); }
  37.5% {
    transform: scale(1, 0); }
  100% {
    transform: scale(1, 0); } }
@keyframes pointinSmall {
  0% {
    animation-timing-function: ease-out;
    transform: scale(0, 1); }
  4.1666666667% {
    transform: scale(1, 1); }
  35.4166666667% {
    animation-timing-function: ease-in;
    transform: scale(1, 1); }
  37.5% {
    transform: scale(0, 1); }
  100% {
    transform: scale(0, 1); } }
@keyframes poopin {
  0% {
    opacity: 1;
    transform: translateY(-19px) scale(0); }
  4.1666666667% {
    opacity: 1;
    transform: translateY(0) scale(1); }
  29.1666666667% {
    opacity: 1;
    transform: translateY(0) scale(1); }
  33.3333333333% {
    opacity: 0;
    transform: translateY(0) scale(1); }
  100% {
    opacity: 0;
    transform: translateY(-19px) scale(0); } }
@keyframes poopinSmall {
  0% {
    opacity: 1;
    transform: translateX(19px) scale(0); }
  4.1666666667% {
    opacity: 1;
    transform: translateX(0) scale(1); }
  29.1666666667% {
    opacity: 1;
    transform: translateX(0) scale(1); }
  33.3333333333% {
    opacity: 0;
    transform: translateX(0) scale(1); }
  100% {
    opacity: 0;
    transform: translateX(19px) scale(0); } }
@keyframes stabbin {
  0% {
    animation-timing-function: ease-out;
    transform: translateY(0); }
  16.6666666667% {
    transform: translateY(-40px); }
  33.3333333333% {
    animation-timing-function: ease-in;
    transform: translateY(-40px); }
  37.5% {
    transform: translateY(0); }
  100% {
    transform: translateY(0); } }
@keyframes stabbinSmall {
  0% {
    animation-timing-function: ease-out;
    transform: translateX(0); }
  16.6666666667% {
    transform: translateX(40px); }
  33.3333333333% {
    animation-timing-function: ease-in;
    transform: translateX(40px); }
  37.5% {
    transform: translateX(0); }
  100% {
    transform: translateX(0); } }
@keyframes stabbinShadow {
  0% {
    animation-timing-function: ease-out;
    transform: translateX(0) translateY(0); }
  16.6666666667% {
    transform: translateX(12px) translateY(-26px); }
  33.3333333333% {
    animation-timing-function: ease-in;
    transform: translateX(12px) translateY(-26px); }
  37.5% {
    transform: translateX(0) translateY(0); }
  100% {
    transform: translateX(0) translateY(0); } }
@keyframes stabbinShadowSmall {
  0% {
    animation-timing-function: ease-out;
    transform: translateX(0) translateY(0); }
  16.6666666667% {
    transform: translateX(26px) translateY(12px); }
  33.3333333333% {
    animation-timing-function: ease-in;
    transform: translateX(26px) translateY(12px); }
  37.5% {
    transform: translateX(0) translateY(0); }
  100% {
    transform: translateX(0) translateY(0); } }
@keyframes stabbinShadowBlur {
  0% {
    filter: url(#dagger-blur-zero); }
  2.0833333333% {
    filter: url(#dagger-blur-quarter); }
  4.1666666667% {
    filter: url(#dagger-blur-half); }
  6.25% {
    filter: url(#dagger-blur-three-quarters); }
  8.3333333333% {
    filter: url(#dagger-blur-one); }
  10.4166666667% {
    filter: url(#dagger-blur-one-and-a-quarter); }
  12.5% {
    filter: url(#dagger-blur-one-and-a-half); }
  14.5833333333% {
    filter: url(#dagger-blur-one-and-three-quarters); }
  16.6666666667% {
    filter: url(#dagger-blur-two); }
  33.3333333333% {
    filter: url(#dagger-blur-two); }
  35.4166666667% {
    filter: url(#dagger-blur-one); }
  37.5% {
    filter: url(#dagger-blur-zero); }
  100% {
    filter: url(#dagger-blur-zero); } }
@keyframes stabbinShadowBlurSmall {
  0% {
    filter: url(#small-dagger-blur-zero); }
  2.0833333333% {
    filter: url(#small-dagger-blur-quarter); }
  4.1666666667% {
    filter: url(#small-dagger-blur-half); }
  6.25% {
    filter: url(#small-dagger-blur-three-quarters); }
  8.3333333333% {
    filter: url(#small-dagger-blur-one); }
  10.4166666667% {
    filter: url(#small-dagger-blur-one-and-a-quarter); }
  12.5% {
    filter: url(#small-dagger-blur-one-and-a-half); }
  14.5833333333% {
    filter: url(#small-dagger-blur-one-and-three-quarters); }
  16.6666666667% {
    filter: url(#small-dagger-blur-two); }
  33.3333333333% {
    filter: url(#small-dagger-blur-two); }
  35.4166666667% {
    filter: url(#small-dagger-blur-one); }
  37.5% {
    filter: url(#small-dagger-blur-zero); }
  100% {
    filter: url(#small-dagger-blur-zero); } }
@keyframes votin {
  0% {
    transform: translateX(0) rotate(0deg);
    transform-origin: 82.8780442634% 37.2759856631% 0; }
  8.3333333333% {
    transform: translateX(-42px) rotate(-19deg);
    transform-origin: 78.9887952588% 37.2759856631% 0; }
  58.3333333333% {
    transform: translateX(-42px) rotate(-19deg);
    transform-origin: 78.9887952588% 37.2759856631% 0; }
  66.6666666667% {
    transform: translateX(0) rotate(0deg);
    transform-origin: 82.8780442634% 37.2759856631% 0; }
  100% {
    transform: translateX(0) rotate(0deg); } }
@keyframes votinSmall {
  0% {
    transform: translateX(0) rotate(0deg);
    transform-origin: 53.3088235294% 74.6925889% 0; }
  8.3333333333% {
    transform: translateY(-42px) rotate(-19deg);
    transform-origin: 53.3088235294% 71.2030574942% 0; }
  58.3333333333% {
    transform: translateY(-42px) rotate(-19deg);
    transform-origin: 53.3088235294% 71.2030574942% 0; }
  66.6666666667% {
    transform: translateY(0) rotate(0deg);
    transform-origin: 53.3088235294% 74.6925889% 0; }
  100% {
    transform: translateY(0) rotate(0deg); } }
@keyframes wagglin {
  0% {
    transform: translateX(0) translateY(0) rotate(0deg);
    transform-origin: 39.5406982128% 34.7670250896% 0; }
  8.3333333333% {
    transform: translateX(14px) translateY(-12px) rotate(26deg);
    transform-origin: 40.8371145476% 32.6164874552% 0; }
  16.6666666667% {
    transform: translateX(0) translateY(0) rotate(0deg);
    transform-origin: 39.5406982128% 34.7670250896% 0; }
  100% {
    transform: translateX(0) translateY(0) rotate(0deg); } }
@keyframes wagglinSmall {
  0% {
    transform: translateX(0) translateY(0) rotate(0deg);
    transform-origin: 56.7555147059% 35.8092389498% 0; }
  8.3333333333% {
    transform: translateX(6px) translateY(14px) rotate(26deg);
    transform-origin: 58.1341911765% 36.9724160851% 0; }
  16.6666666667% {
    transform: translateX(0) translateY(0) rotate(0deg);
    transform-origin: 56.7555147059% 35.8092389498% 0; }
  100% {
    transform: translateX(0) translateY(0) rotate(0deg); } }
@supports (-moz-appearance: meterbar) {
  .secret-hour-hand, .secret-minute-hand {
    transform-origin: 62.1971478841% 67.1146953405% 0; }
    .secret-box-small .secret-hour-hand, .secret-box-small .secret-minute-hand {
      transform-origin: 14.3612132353% 55.7701894317%; } }
.secret-printer-class-1 {
  fill: #303030; }

.secret-printer-class-2 {
  fill: #444444; }

.secret-printer-class-3 {
  fill: #3A3536; }

.secret-printer-class-4 {
  opacity: 0.6; }

.secret-printer-class-5 {
  fill: #231F20; }

.secret-printer-class-6 {
  fill: #6B6B6B; }

.secret-printer-class-7 {
  fill: #96C93D; }

.secret-printer-class-8 {
  fill: #C4DD8E; }

.secret-printer-class-9 {
  fill: #777473; }

.secret-printer-class-10 {
  fill: #595A5A; }

.secret-printer-class-11 {
  fill: #2B2B2B; }

.secret-printer-class-12 {
  fill: #7F7F7F; }

.secret-printer-class-13 {
  fill: #F9F0E6; }

.secret-printer-class-14 {
  opacity: 0.74; }

.secret-printer-class-15 {
  fill: #383633; }

.secret-printer-class-16 {
  opacity: 0.41; }

.secret-printer-class-17 {
  fill: #878787; }

.secret-paper, .secret-printer-light {
  animation-delay: 0ms;
  animation-duration: 2880ms;
  animation-fill-mode: backwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

.secret-paper {
  animation-name: printin; }
  .secret-paper.secret-printer-class-16 {
    animation-name: printinShadow; }

.secret-printer {
  background: none !important;
  border-radius: 4vw;
  padding: 162.0120724346% 0 0 !important; }
  @media (min-width: 450px) and (max-width: 899px) {
    .secret-printer {
      border-radius: 18px; } }
  @media screen and (min-width: 900px) and (max-width: 1471.7272727273px) {
    .secret-printer {
      border-radius: 1.3333333333vw;
      border-radius: calc(12px + 6 * (100vw - 900px) / 572.7272727273); } }
  @media screen and (min-width: 1472.7272727273px) {
    .secret-printer {
      border-radius: 18px; } }
  .secret-printer .secret-card {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }

.secret-printer-light {
  animation-name: lightin; }

@keyframes lightin {
  0% {
    fill: #C4DD8E; }
  87.5% {
    fill: #C4DD8E; }
  88% {
    fill: #96C93D; }
  100% {
    fill: #96C93D; } }
@keyframes printin {
  0% {
    transform: translateY(-208px); }
  8.3333333333% {
    transform: translateY(-182px); }
  12.5% {
    transform: translateY(-182px); }
  20.8333333333% {
    transform: translateY(-156px); }
  25% {
    transform: translateY(-156px); }
  33.3333333333% {
    transform: translateY(-130px); }
  37.5% {
    transform: translateY(-130px); }
  45.8333333333% {
    transform: translateY(-104px); }
  50% {
    transform: translateY(-104px); }
  58.3333333333% {
    transform: translateY(-78px); }
  62.5% {
    transform: translateY(-78px); }
  87.5% {
    transform: translateY(0); }
  100% {
    transform: translateY(0); } }
@keyframes printinShadow {
  0% {
    transform: translateX(10.5px) translateY(-208px); }
  8.3333333333% {
    transform: translateX(10.5px) translateY(-182px); }
  12.5% {
    transform: translateX(10.5px) translateY(-182px); }
  20.8333333333% {
    transform: translateX(10.5px) translateY(-156px); }
  25% {
    transform: translateX(10.5px) translateY(-156px); }
  33.3333333333% {
    transform: translateX(10.5px) translateY(-130px); }
  37.5% {
    transform: translateX(10.5px) translateY(-130px); }
  45.8333333333% {
    transform: translateX(10.5px) translateY(-104px); }
  50% {
    transform: translateX(10.5px) translateY(-104px); }
  58.3333333333% {
    transform: translateX(10.5px) translateY(-78px); }
  62.5% {
    transform: translateX(9px) translateY(-78px); }
  87.5% {
    transform: translateX(0) translateY(0); }
  100% {
    transform: translateX(0) translateY(0); } }
.secret-main-game-0 {
  fill: #F7E3C1; }

.secret-main-game-1 {
  clip-path: url(#secret-main-game-clip-2); }

.secret-main-game-2 {
  fill: #B9B7B9; }

.secret-main-game-3 {
  fill: #4D4E4F; }

.secret-main-game-4 {
  opacity: 0.65; }

.secret-main-game-5 {
  fill: #2C2D2D; }

.secret-main-game-6 {
  fill: #404141; }

.secret-main-game-7 {
  fill: #929090; }

.secret-main-game-8 {
  fill: #383938; }

.secret-main-game-9 {
  fill: #848383; }

.secret-main-game-10 {
  fill: #919191; }

.secret-main-game-11 {
  fill: #282827; }

.secret-main-game-12 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #414242; }

.secret-main-game-13 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #C7C5C5; }

.secret-main-game-14 {
  fill: #525353; }

.secret-main-game-15 {
  fill: #9FA09F; }

.secret-main-game-16 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #2C2D2D; }

.secret-main-game-17 {
  fill: #414242; }

.secret-main-game-18 {
  fill: #333333; }

.secret-main-game-19 {
  fill: #696A6A; }

.secret-main-game-20 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #4D4E4F; }

.secret-main-game-21 {
  fill: #F7E1C1; }

.secret-main-game-22 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #F7E3C1; }

.secret-main-game-23 {
  opacity: 0.16; }

.secret-white-house-0 {
  display: none; }

.secret-white-house-1 {
  display: inline; }

.secret-white-house-2 {
  fill: #F6E1C0; }

.secret-white-house-3 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #F7E3C1; }

.secret-white-house-4 {
  clip-path: url(#secret-white-house-clip-2); }

.secret-white-house-5 {
  fill: #8ECEDD; }

.secret-white-house-6 {
  fill: #E9D991; }

.secret-white-house-7 {
  fill: #E97E6C; }

.secret-white-house-8 {
  fill: #405A85; }

.secret-white-house-9 {
  fill: #D1D4BF; }

.secret-white-house-10 {
  fill: #DC5626; }

.secret-white-house-11 {
  fill: #FDF6E2; }

.secret-white-house-12 {
  fill: #F7A192; }

.secret-white-house-13 {
  fill: #D16B5D; }

.secret-white-house-14 {
  opacity: 0.5; }

.secret-white-house-15 {
  fill: #EA968C; }

.secret-white-house-16 {
  opacity: 0.27; }

.secret-white-house-17 {
  fill: #F6947F; }

.secret-white-house-18 {
  fill: #BB5654; }

.secret-white-house-19 {
  fill: #D96551; }

.secret-white-house-20 {
  fill: none;
  stroke: #E4B975;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-miterlimit: 10; }

.secret-white-house-21 {
  fill: #F6E69D; }

.secret-white-house-22 {
  fill: #C74627; }

.secret-white-house-23 {
  opacity: 0.62; }

.secret-white-house-24 {
  opacity: 0.78; }

.secret-white-house-25 {
  fill: #854C52; }

.secret-white-house-26 {
  fill: #EAECE9; }

.secret-white-house-27 {
  fill: #D35141; }

.secret-white-house-28 {
  opacity: 0.42; }

.secret-white-house-29 {
  opacity: 0.48; }

.secret-white-house-30 {
  fill: #D99D8C; }

.secret-white-house-31 {
  opacity: 0.52; }

.secret-white-house-32 {
  opacity: 0.36; }

.secret-white-house-33 {
  clip-path: url(#secret-white-house-clip-4); }

.secret-white-house-34 {
  fill: #424548; }

.secret-white-house-35 {
  fill: #BF807F; }

.secret-white-house-36 {
  fill: #BB877D; }

.secret-white-house-37 {
  fill: #EEB29C; }

.secret-white-house-38 {
  opacity: 0.46; }

.secret-white-house-39 {
  fill: #E8D2C8; }

.secret-white-house-40 {
  fill: #BC6D71; }

.secret-white-house-41 {
  fill: #9E616A; }

.secret-white-house-42 {
  opacity: 0.39; }

.secret-white-house-43 {
  fill: #9A6765; }

.secret-white-house-44 {
  opacity: 0.25; }

.secret-white-house-45 {
  opacity: 0.33; }

.secret-white-house-46 {
  opacity: 0.15; }

.secret-white-house-47 {
  fill: #F1F2F6; }

.secret-white-house-48 {
  fill: #9F6A69; }

.secret-white-house-49 {
  fill: #655B5A; }

.secret-white-house-50 {
  fill: #FEECE3; }

.secret-white-house-51 {
  fill: #8E584E; }

.secret-white-house-52 {
  fill: none;
  stroke: #9F6A69;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-miterlimit: 10; }

.secret-white-house-53 {
  opacity: 0.35; }

.secret-white-house-54 {
  fill: #D47173; }

.secret-white-house-55 {
  opacity: 0.2; }

.secret-white-house-56 {
  fill: #9F7171; }

.secret-white-house-57 {
  opacity: 0.4; }

.secret-white-house-58 {
  fill: #F7E3C1; }

.secret-white-house-59 {
  clip-path: url(#secret-white-house-clip-6); }

.secret-white-house-60 {
  fill: #324869; }

.secret-white-house-61 {
  fill: #FACCC3; }

.secret-white-house-62 {
  opacity: 0.66; }

.secret-white-house-63 {
  fill: #B97E78; }

.secret-white-house-64 {
  fill: #F2BCAC; }

.secret-white-house-65 {
  fill: #FAD1C7; }

.secret-white-house-66 {
  fill: #F16370; }

.secret-white-house-67 {
  opacity: 0.38; }

.secret-white-house-68 {
  fill: #DB8889; }

.secret-white-house-69 {
  fill: #8494CB; }

.secret-white-house-70 {
  opacity: 0.8; }

.secret-white-house-71 {
  fill: #8E5B5B; }

.secret-white-house-72 {
  fill: #BE646D; }

.secret-white-house-73 {
  fill: #D96B71; }

.secret-white-house-74 {
  fill: #D27A76; }

.secret-white-house-75 {
  fill: #FDCE8C; }

.secret-white-house-76 {
  fill: #BC8D75; }

.secret-white-house-77 {
  opacity: 0.3; }

.secret-white-house-78 {
  fill: #8D6F5B; }

.secret-white-house-79 {
  fill: #E94769; }

.secret-white-house-80 {
  clip-path: url(#secret-white-house-clip-8); }

.secret-white-house-81 {
  fill: #6B6C6C; }

.secret-white-house-82 {
  fill: #FBD8D1; }

.secret-white-house-83 {
  fill: #E9746A; }

.secret-white-house-84 {
  fill: #9F6765; }

.secret-white-house-85 {
  fill: #E47B80; }

.secret-white-house-86 {
  fill: #828383; }

.secret-white-house-87 {
  fill: #99979A; }

.secret-white-house-88 {
  fill: #838382; }

.secret-white-house-89 {
  opacity: 0.72; }

.secret-white-house-90 {
  fill: #885D62; }

.secret-white-house-91 {
  fill: #AA7765; }

.secret-white-house-92 {
  fill: none;
  stroke: #324869;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-miterlimit: 10; }

.secret-white-house-93 {
  clip-path: url(#secret-white-house-clip-10); }

.secret-white-house-94 {
  fill: #F1B6A7; }

.secret-white-house-95 {
  fill: #DE9D93; }

.secret-white-house-96 {
  opacity: 0.32; }

.secret-white-house-97 {
  fill: #B37074; }

.secret-white-house-98 {
  fill: #B16E6B; }

.secret-white-house-99 {
  opacity: 0.18; }

.secret-white-house-100 {
  fill: #F7E1C1; }

.secret-standard-sticker, .secret-woodbox-sticker {
  animation-delay: 0ms;
  animation-duration: 2880ms;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: backgroundSlide;
  animation-timing-function: linear;
  background-position: right top;
  background-size: 800% 100%;
  border-radius: 50%;
  display: block;
  height: 0;
  padding-top: 50%;
  position: absolute;
  transition: left 120ms ease-out, padding 120ms ease-out, top 120ms ease-out, width 120ms ease-out;
  transition-timing-function: cubic-bezier(0.5, 0.25, 0.75, 1.5);
  width: 50%;
  z-index: 10; }
  @media (min-width: 900px) {
    .secret-standard-sticker, .secret-woodbox-sticker {
      padding-top: 20.25%;
      width: 20.25%; } }
  .secret-standard-sticker:hover, .secret-woodbox-sticker:hover {
    cursor: pointer; }
  .secret-standard-sticker .secret-sticker, .secret-woodbox-sticker .secret-sticker {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: rotate(0deg);
    transition: transform 120ms ease-out;
    transition-timing-function: cubic-bezier(0.5, 0.25, 0.75, 1.5);
    width: 100%; }

.secret-standard-sticker {
  animation-direction: reverse;
  background-color: #F2654A;
  background-image: linear-gradient(82deg, #f2654a 0%, #f2654a 47.5%, #f79f8e 47.5%, #f79f8e 50%, #f2654a 50%, #f2654a 51%, #f79f8e 51%, #f79f8e 51.75%, #f2654a 51.75%, #f2654a 100%);
  left: 57.5%;
  top: 66.6666666667%; }
  @media (min-width: 900px) {
    .secret-standard-sticker {
      left: 75%;
      top: 50%; } }
  .secret-standard-sticker:hover .secret-sticker {
    transform: rotate(-10deg); }

.secret-woodbox-sticker {
  background-color: #FDDF50;
  background-image: linear-gradient(98deg, #fddf50 0%, #fddf50 48.25%, #feeb92 48.25%, #feeb92 49%, #fddf50 49%, #fddf50 50%, #feeb92 50%, #feeb92 52.5%, #fddf50 52.5%, #fddf50 100%);
  left: -7%;
  top: 4%; }
  @media (min-width: 900px) {
    .secret-woodbox-sticker {
      left: 4.5%;
      top: 44.5%; } }
  .secret-woodbox-sticker:hover .secret-sticker {
    transform: rotate(10deg); }

@keyframes backgroundSlide {
  0% {
    background-position: right top, right top; }
  75% {
    background-position: left top, right top; }
  100% {
    background-position: left top, right top; } }
#standard ~ #boxes, #standard:checked ~ #boxes {
  position: relative;
  top: 1px;
  transform: translateY(-1px); }
  #standard ~ #boxes #standard-edition, #standard:checked ~ #boxes #standard-edition {
    transform: translateX(0);
    transition-delay: 0ms, 0ms; }
  #standard ~ #boxes #woodbox-edition, #standard:checked ~ #boxes #woodbox-edition {
    box-shadow: none;
    transform: translateY(-50%) translateX(100vw);
    transition-delay: 0ms, 320ms; }
#standard ~ #editions label[for='standard'], #standard:checked ~ #editions label[for='standard'] {
  text-decoration: underline; }

#woodbox:checked ~ #boxes {
  transform: translateY(0); }
  #woodbox:checked ~ #boxes #standard-edition {
    box-shadow: none;
    transform: translateX(-100vw);
    transition-delay: 0ms, 320ms; }
  #woodbox:checked ~ #boxes #woodbox-edition {
    transform: translateY(-50%) translateX(0);
    transition-delay: 0ms, 0ms; }
#woodbox:checked ~ #editions label[for='woodbox'] {
  text-decoration: underline; }

#standard-edition, #woodbox-edition {
  transition: transform 320ms ease, box-shadow 0ms linear;
  transition-timing-function: cubic-bezier(0.5, 0.25, 0.75, 1.25), linear; }
  @media (max-width: 449px) {
    #standard-edition, #woodbox-edition {
      transition-duration: 160ms, 0ms; } }
  @media (min-width: 450px) and (max-width: 899px) {
    #standard-edition, #woodbox-edition {
      transition-duration: 240ms, 0ms; } }

#woodbox-edition {
  left: 8.3333333333vw;
  position: absolute;
  right: 8.3333333333vw;
  top: 50%; }
  @media (min-width: 450px) and (max-width: 899px) {
    #woodbox-edition {
      left: 0;
      right: 0; } }
  @media (min-width: 900px) and (max-width: 1349px) {
    #woodbox-edition {
      left: 2.5925925926vw;
      right: 2.5925925926vw; } }
  @media (min-width: 1350px) {
    #woodbox-edition {
      left: 35px;
      right: 35px; } }
  #woodbox-edition:before {
    border-color: #C59257 transparent transparent;
    border-style: solid;
    border-width: 4.1666666667vw 4.1666666667vw 0;
    box-shadow: 0 -4.1666666667vw 0 0.5px #C59257;
    content: '';
    left: -3.3333333333vw;
    display: block;
    height: 0;
    position: absolute;
    transform: translateY(2.7777777778vw);
    top: 100%;
    width: 81.6666666667vw; }
    @media (min-width: 450px) and (max-width: 899px) {
      #woodbox-edition:before {
        box-shadow: 0 -18.75px 0 0.5px #C59257;
        border-width: 18.75px 18.75px 0;
        left: -15px;
        transform: translateY(12.5px);
        width: 367.5px; } }
    @media (min-width: 900px) and (max-width: 1349px) {
      #woodbox-edition:before {
        box-shadow: 0 -1.5833333333vw 0 0.5px #C59257;
        border-width: 1.6666666667vw 1.6666666667vw 0;
        left: -1.3725%;
        transform: translateY(0.8148148148vw);
        width: 99%; } }
    @media (min-width: 1350px) {
      #woodbox-edition:before {
        box-shadow: 0 -22px 0 0.5px #C59257;
        border-width: 23px 23px 0;
        left: -1.25%;
        transform: translateY(11px);
        width: 98.75%; } }
  #woodbox-edition .secret-box {
    border-radius: 0;
    box-shadow: none;
    transform: translateY(0); }

body {
  padding-top: 8.3333333333vw; }
  @media screen and (min-width: 1472.7272727273px) {
    body {
      padding-top: 112.5px; } }

footer {
  font-weight: 700;
  margin: 0;
  padding-bottom: 60px;
  position: relative;
  text-transform: uppercase;
  transform: translateX(0) translateY(0);
  z-index: 6 !important; }
  footer .secret-container {
    margin: 0 auto;
    padding: 35px; }
    footer .secret-container > * {
      margin: 0; }

picture img {
  display: block;
  width: 100%; }

.secret-box, .secret-box-small {
  background-color: transparent;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, #c59257 75%, #c59257 100%);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 0 0 3.3333333333vw 3.3333333333vw;
  box-shadow: 0 7.7777777778vw 0 0 #C59257; }
  @media (min-width: 450px) and (max-width: 899px) {
    .secret-box, .secret-box-small {
      border-radius: 0 0 1.6666666667vw 1.6666666667vw;
      box-shadow: 0 35px 0 0 #C59257; } }
  @media screen and (min-width: 900px) and (max-width: 1471.7272727273px) {
    .secret-box, .secret-box-small {
      border-radius: 0 0 1.0185185185vw 1.0185185185vw;
      box-shadow: 0 2.3765432099vw 0 0 #C59257; } }
  @media screen and (min-width: 1472.7272727273px) {
    .secret-box, .secret-box-small {
      border-radius: 0 0 15px 15px;
      box-shadow: 0 35px 0 0 #C59257; } }
  #woodbox-edition .secret-box, #woodbox-edition .secret-box-small {
    left: -4%;
    position: relative;
    width: 108%; }
    @media (min-width: 900px) {
      #woodbox-edition .secret-box, #woodbox-edition .secret-box-small {
        left: -1.3671875%;
        width: 102.734375%; } }

.secret-box {
  display: block; }

.secret-box-small {
  display: block; }

.secret-illustration-fill {
  fill: currentColor;
  transition: fill 60ms ease;
  transition: fill 60ms cubic-bezier(0.5, 0.25, 0.75, 1.5); }

.secret-illustration-stroke {
  transition: stroke 60ms ease;
  transition: stroke 60ms cubic-bezier(0.5, 0.25, 0.75, 1.5); }

.secret-illustration-fill-highlight {
  fill: #FBB969; }

.secret-illustration-fill-dark {
  fill: #434343; }

.secret-illustration-fill-red {
  fill: #F0654B; }

.secret-illustration-fill-evenodd {
  clip-rule: evenodd;
  fill-rule: evenodd; }

.secret-illustration-opacity-very-low {
  opacity: 0.15; }

.secret-illustration-opacity-low {
  opacity: 0.32; }

.secret-illustration-opacity-medium {
  opacity: 0.52; }

.secret-illustration-opacity-high {
  opacity: 0.76; }

.secret-illustration-stroke-highlight {
  stroke: #FBB969; }
.secret-illustration-stroke-normal {
  stroke-miterlimit: 10;
  stroke-width: 0.75; }

.secret-slice {
  clear: both;
  float: left;
  position: relative;
  width: 100%;
  z-index: 1; }

.secret-svg-wrap {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  padding: 0;
  position: relative;
  width: 100%; }
  .secret-svg-wrap svg {
    display: block;
    height: 100% !important;
    position: static;
    width: 100% !important; }
  .secret-svg-wrap.secret-card-rotator {
    height: 0;
    padding-top: 146.140625%; }

.secret-half {
  display: block;
  clear: none;
  float: left;
  width: 50%; }

#faq .secret-split {
  padding-bottom: 0; }

#faq strong:first-child, #woodbox-info strong:first-child {
  font-size: 24px;
  line-height: 34px;
  text-transform: uppercase;
  vertical-align: baseline; }

#print-n-play hr {
  background-position: right top; }

#trump hr {
  background-position: left top; }

#woodbox-info {
  margin-top: 8.3333333333vw; }
  @media (max-width: 449px) {
    #woodbox-info {
      margin-top: 8.3333333333vw; } }
  @media (min-width: 450px) and (max-width: 899px) {
    #woodbox-info {
      margin-top: 4.1666666667vw; } }
  @media screen and (min-width: 900px) and (max-width: 1471.7272727273px) {
    #woodbox-info {
      margin-top: 2.5925925926vw;
      margin-top: calc(23.3333333333px + 11.6666666667 * (100vw - 900px) / 572.7272727273); } }
  @media screen and (min-width: 1472.7272727273px) {
    #woodbox-info {
      margin-top: 35px; } }