@charset "UTF-8";
/* COLORS */
/* COLORS AS WE ACTUALLY USE THEM IN THE STYLES */
/* TYPE SCALE */
/* TYPOGRAPHY */
/* IMPORTANT SIZES */
/* MEDIA QUERIES */
/* BORDER STUFF */
.secret-slice, .secret-container {
zoom: 1; }
.secret-slice:after, .secret-container:after {
clear: both; }
.secret-slice:after, .secret-container:after, .secret-slice:before, .secret-container:before {
content: '';
display: table; }
/* MEDIA QUERY MIXINS */
/* FONT SIZE MIXINS */
/* FONT SIZE PLACEHOLDERS */
big small, small big, .secret-font-size-normal, h3 {
font-size: 1rem;
line-height: 1.3888888889em; }
big, .secret-font-size-subtitle, .secret-font-size-big {
font-size: 2.5555555556rem;
line-height: 1.0652173913em; }
big big, .secret-font-size-title, .secret-font-size-biggest, h2, h1 {
font-size: 5.5555555556rem;
line-height: 1.12em; }
/* TEXT MIXINS */
/* TEXT PLACEHOLDERS */
h3 {
font-family: "courier-prime", Courier, sans-serif;
font-weight: 700; }
h2, h1 {
font-family: "futura-pt", Futura, sans-serif;
font-weight: 700; }
/* GRID HACKS */
/* FOR SCREEN READERS */
.secret-dont-speak {
speak: none; }
.secret-hidden, .visuallyhidden {
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;
padding: 8.3333333333% 0 25px;
position: relative; }
@media (min-width: 450px) and (max-width: 899px) {
body {
padding: 4.1666666667% 0 25px; } }
@media (min-width: 900px) and (max-width: 1349px) {
body {
padding: 2.5925925926% 0 25px; } }
@media (min-width: 1350px) {
body {
padding: 35px 0 25px; } }
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; }
footer .secret-container > hr {
margin: 0 8.3333333333% 35px; }
@media (min-width: 450px) {
footer .secret-container > hr {
margin: 0 0 35px; } }
@media screen and (min-width: 900px) and (max-width: 1471.7272727273px) {
footer .secret-container > hr {
margin: 0 2.3765432099vw 2.3765432099vw; } }
@media screen and (min-width: 1472.7272727273px) {
footer .secret-container > hr {
margin: 0 35px 35px; } }
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: #000000;
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-button {
appearance: none;
-moz-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: box-shadow 90ms ease, color 90ms ease;
transition: box-shadow 90ms cubic-bezier(0.5, 0.25, 0.75, 1.5), color 90ms 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 {
color: #FDDF50;
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;
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 form .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 form .secret-button {
float: left;
margin-left: 15px;
width: 50%;
width: calc(50% - 15px); } }
@supports (box-shadow: inset 0 0 2px red) {
.secret-button {
box-shadow: inset 0 0 0 0 rgba(67, 67, 67, 0), inset 0 0 0 0 #FBB969, 0 0 0 0 #FBB969, 0 0 0 0 rgba(67, 67, 67, 0); }
.secret-button:active, .secret-button:focus {
outline: none; }
.secret-button:focus {
box-shadow: inset 0 0 0 3px #434343, inset 0 0 0 5px #FBB969, 0 0 0 0 #FBB969, 0 0 0 0 rgba(67, 67, 67, 0); }
.secret-button:focus:active {
box-shadow: inset 0 0 0 0 rgba(67, 67, 67, 0), inset 0 0 0 1px #FBB969, 0 0 0 1px #FBB969, 0 0 5px 1px rgba(67, 67, 67, 0.75); }
.secret-button:active {
box-shadow: inset 0 0 0 0 rgba(67, 67, 67, 0), inset 0 0 0 0 #FBB969, 0 0 0 1px #FBB969, 0 0 5px 1px rgba(67, 67, 67, 0.75); } }
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 {
appearance: none;
-moz-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; }
#faq .secret-input {
width: 50%;
width: calc(50% - 7.5px); } }
.secret-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-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-button {
appearance: none;
-moz-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: box-shadow 90ms ease, color 90ms ease;
transition: box-shadow 90ms cubic-bezier(0.5, 0.25, 0.75, 1.5), color 90ms 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 {
color: #FDDF50;
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;
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 form .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 form .secret-button {
float: left;
margin-left: 15px;
width: 50%;
width: calc(50% - 15px); } }
@supports (box-shadow: inset 0 0 2px red) {
.secret-button {
box-shadow: inset 0 0 0 0 rgba(67, 67, 67, 0), inset 0 0 0 0 #FBB969, 0 0 0 0 #FBB969, 0 0 0 0 rgba(67, 67, 67, 0); }
.secret-button:active, .secret-button:focus {
outline: none; }
.secret-button:focus {
box-shadow: inset 0 0 0 3px #434343, inset 0 0 0 5px #FBB969, 0 0 0 0 #FBB969, 0 0 0 0 rgba(67, 67, 67, 0); }
.secret-button:focus:active {
box-shadow: inset 0 0 0 0 rgba(67, 67, 67, 0), inset 0 0 0 1px #FBB969, 0 0 0 1px #FBB969, 0 0 5px 1px rgba(67, 67, 67, 0.75); }
.secret-button:active {
box-shadow: inset 0 0 0 0 rgba(67, 67, 67, 0), inset 0 0 0 0 #FBB969, 0 0 0 1px #FBB969, 0 0 5px 1px rgba(67, 67, 67, 0.75); } }
.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; } }
.secret-split .secret-widget-wrap .shopify-buy-frame {
max-width: 288px !important; }
@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("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 298 86.4' style='enable-background:new 0 0 298 86.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23B6A38A;%7D.st1%7Bfill:%238F877B;%7D%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M273.8,76.5h-250c-7.8,0-14.7-3.5-19.3-9c3.9,6.7,11.1,11.1,19.3,11.1h250c8.2,0,15.4-4.5,19.3-11.1 C288.5,73,281.5,76.5,273.8,76.5z' /%3E%3Cpath class='st0' d='M293.1,72.4c-4.6,5.5-11.6,9-19.3,9h-250c-7.8,0-14.7-3.5-19.3-9c3.6,6.2,10.1,10.5,17.7,11.1 c0.1,0,0.1,0,0.2,0c0.5,0,1,0.1,1.5,0.1c0,0,0,0,0,0h250c0.5,0,1,0,1.5-0.1c0.1,0,0.1,0,0.2,0C283,82.9,289.5,78.6,293.1,72.4z' /%3E%3Cpath class='st0' d='M23.8,73.6h250c8.2,0,15.4-4.5,19.3-11.1c-4.6,5.5-11.6,9-19.3,9h-250c-7.8,0-14.7-3.5-19.3-9 C8.3,69.1,15.5,73.6,23.8,73.6z' /%3E%3Cpath class='st0' d='M273.8,56.4h-250c-7.8,0-14.7-3.5-19.3-9C8.3,54,15.5,58.5,23.8,58.5h250c8.2,0,15.4-4.5,19.3-11.1 C288.5,52.9,281.5,56.4,273.8,56.4z' /%3E%3Cpath class='st0' d='M23.8,61.4c-7.8,0-14.7-3.5-19.3-9C8.3,59,15.5,63.5,23.8,63.5h250c8.2,0,15.4-4.5,19.3-11.1 c-4.6,5.5-11.6,9-19.3,9H23.8z' /%3E%3Cpath class='st0' d='M23.8,48.6h250c8.2,0,15.4-4.5,19.3-11.1c-4.6,5.5-11.6,9-19.3,9h-250c-7.8,0-14.7-3.5-19.3-9 C8.3,44.1,15.5,48.6,23.8,48.6z' /%3E%3Cpath class='st0' d='M23.8,68.6h250c8.5,0,15.9-4.8,19.7-11.8c-4.6,5.8-11.7,9.5-19.7,9.5h-250c-8,0-15.1-3.7-19.7-9.5 C7.9,63.9,15.3,68.6,23.8,68.6z' /%3E%3Cpath class='st0' d='M23.8,43.6h250c8.2,0,15.4-4.5,19.3-11.1c-4.6,5.5-11.6,9-19.3,9h-250c-7.8,0-14.7-3.5-19.3-9 C8.3,39.1,15.5,43.6,23.8,43.6z' /%3E%3Cpath class='st0' d='M23.8,28.7h250c8.2,0,15.4-4.5,19.3-11.1c-4.6,5.5-11.6,9-19.3,9h-250c-7.8,0-14.7-3.5-19.3-9 C8.3,24.3,15.5,28.7,23.8,28.7z' /%3E%3Cpath class='st0' d='M273.8,51.5h-250c-7.8,0-14.7-3.5-19.3-9c3.9,6.7,11.1,11.1,19.3,11.1h250c8.2,0,15.4-4.5,19.3-11.1 C288.5,47.9,281.5,51.5,273.8,51.5z' /%3E%3Cpath class='st0' d='M23.8,38.7h250c8.2,0,15.4-4.5,19.3-11.1c-4.6,5.5-11.6,9-19.3,9h-250c-7.8,0-14.7-3.5-19.3-9 C8.3,34.2,15.5,38.7,23.8,38.7z' /%3E%3Cpath class='st0' d='M23.8,33.7h250c8.2,0,15.4-4.5,19.3-11.1c-4.6,5.5-11.6,9-19.3,9h-250c-7.8,0-14.7-3.5-19.3-9 C8.3,29.2,15.5,33.7,23.8,33.7z' /%3E%3Cpath class='st1' d='M298,0.1C297.9,0,297.7,0,297.6,0v59.8c0,12.6-9.8,22.9-22.1,23.7c-0.1,0-0.1,0-0.2,0c-0.5,0-1,0.1-1.5,0.1h0 h-250h0c0,0,0,0,0,0c-0.5,0-1,0-1.5-0.1c-0.1,0-0.1,0-0.2,0C9.8,82.6,0,72.3,0,59.8v6.3c0,2.8,0.7,5.5,2.1,7.9 c4.4,7.4,12.5,12.4,21.7,12.4h250c9.9,0,18.5-5.7,22.6-14c1.1-2.3,1.7-4.8,1.7-7.4L298,0.1z' /%3E%3Cpath class='st1' d='M22.1,83.5c-7.6-0.5-14.1-4.9-17.7-11.1c4.6,5.5,11.6,9,19.3,9h250c7.8,0,14.7-3.5,19.3-9 c-3.6,6.2-10.1,10.5-17.7,11.1c12.4-0.8,22.1-11.1,22.1-23.7V0c0,0,0,0,0,0c0,11.1-7.7,20.5-18.1,23c-1.8,0.5-3.7,0.7-5.7,0.7h-250 c-2,0-3.9-0.3-5.7-0.7C7.7,20.5,0,11.1,0,0c0,0,0,0,0,0v59.8C0,72.3,9.8,82.6,22.1,83.5z M273.8,78.6h-250 c-8.2,0-15.4-4.5-19.3-11.1c4.6,5.5,11.6,9,19.3,9h250c7.8,0,14.7-3.5,19.3-9C289.2,74.1,282,78.6,273.8,78.6z M4.5,62.5 c4.6,5.5,11.6,9,19.3,9h250c7.8,0,14.7-3.5,19.3-9c-3.9,6.7-11.1,11.1-19.3,11.1h-250C15.5,73.6,8.3,69.1,4.5,62.5z M23.8,26.6h250 c7.8,0,14.7-3.5,19.3-9c-3.9,6.7-11.1,11.1-19.3,11.1h-250c-8.2,0-15.4-4.5-19.3-11.1C9.1,23.1,16,26.6,23.8,26.6z M23.8,31.6h250 c7.8,0,14.7-3.5,19.3-9c-3.9,6.7-11.1,11.1-19.3,11.1h-250c-8.2,0-15.4-4.5-19.3-11.1C9.1,28.1,16,31.6,23.8,31.6z M23.8,36.6h250 c7.8,0,14.7-3.5,19.3-9c-3.9,6.7-11.1,11.1-19.3,11.1h-250c-8.2,0-15.4-4.5-19.3-11.1C9.1,33,16,36.6,23.8,36.6z M23.8,41.5h250 c7.8,0,14.7-3.5,19.3-9c-3.9,6.7-11.1,11.1-19.3,11.1h-250c-8.2,0-15.4-4.5-19.3-11.1C9.1,38,16,41.5,23.8,41.5z M23.8,46.5h250 c7.8,0,14.7-3.5,19.3-9c-3.9,6.7-11.1,11.1-19.3,11.1h-250c-8.2,0-15.4-4.5-19.3-11.1C9.1,43,16,46.5,23.8,46.5z M273.8,58.5h-250 c-8.2,0-15.4-4.5-19.3-11.1c4.6,5.5,11.6,9,19.3,9h250c7.8,0,14.7-3.5,19.3-9C289.2,54,282,58.5,273.8,58.5z M293.1,52.3 c-3.9,6.7-11.1,11.1-19.3,11.1h-250c-8.2,0-15.4-4.5-19.3-11.1c4.6,5.5,11.6,9,19.3,9h250C281.5,61.4,288.5,57.9,293.1,52.3z M273.8,53.6h-250c-8.2,0-15.4-4.5-19.3-11.1c4.6,5.5,11.6,9,19.3,9h250c7.8,0,14.7-3.5,19.3-9C289.2,49.1,282,53.6,273.8,53.6z M23.8,66.3h250c8,0,15.1-3.7,19.7-9.5c-3.8,7-11.2,11.8-19.7,11.8h-250c-8.5,0-15.9-4.8-19.7-11.8C8.7,62.6,15.8,66.3,23.8,66.3z' /%3E%3C/g%3E%3C/svg%3E");
background-position: center 100%;
background-repeat: no-repeat;
background-size: 101.5% auto;
border-radius: 6.6666666667vw;
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;
padding: 25px 25px 110px; } }
@media screen and (min-width: 900px) and (max-width: 1471.7272727273px) {
.secret-cardstack, .secret-phone {
border-radius: 2.037037037vw;
padding: 1.6975308642vw 1.6975308642vw 7.1296296296vw; } }
@media screen and (min-width: 1472.7272727273px) {
.secret-cardstack, .secret-phone {
border-radius: 30px;
padding: 25px 25px 105px; } }
.secret-cardpack .secret-cardstack, .secret-cardpack .secret-phone {
background-position: center bottom -15.5555555556vw;
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;
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;
padding-bottom: 2.3765432099vw; } }
@media screen and (min-width: 1472.7272727273px) {
.secret-cardpack .secret-cardstack, .secret-cardpack .secret-phone {
background-position: center bottom -66px;
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("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' id='Layer_15' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 313 483.6' style='enable-background:new 0 0 313 483.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bopacity:0.3;fill:%23C59255;%7D%3C/style%3E%3Cpath class='st0' d='M313,478.1V3.4c0-1.9-1.5-3.4-3.4-3.4H3.4C1.5,0,0,1.5,0,3.4v474.8c0,0.9,0.4,1.7,0.9,2.3 c-0.1,0.7,0.3,1.4,1,1.7l4.9,1.4c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3 c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3 c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3 c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3 c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3 c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3 c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3 c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3 c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3 c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3 c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3c0.3,0.1,0.5,0.1,0.8,0l4.5-1.3l4.5,1.3c0.1,0,0.3,0.1,0.4,0.1c0.6,0,1.2-0.4,1.4-1 c0.2-0.8-0.2-1.6-1-1.8l-0.2,0C312.5,480.1,313,479.2,313,478.1z' /%3E%3C/svg%3E");
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("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' id='packaging' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 324.2 486.9' style='enable-background:new 0 0 324.2 486.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bopacity:0.1;%7D.st1%7Bfill:%23FFFFFF;%7D.st2%7Bopacity:0.2;%7D.st3%7Bopacity:0.38;%7D.st4%7Bopacity:0.54;%7D.st5%7Bopacity:0.12;fill:%23FFFFFF;%7D.st6%7Bopacity:0.16;fill:%23FFFFFF;%7D.st7%7Bopacity:0.07;fill:%23FFFFFF;%7D.st8%7Bopacity:0.08;fill:%23FFFFFF;%7D.st9%7Bopacity:0.22;fill:%23FFFFFF;%7D.st10%7Bopacity:0.1;fill:%23C59255;%7D.st11%7Bopacity:0.3;fill:%23C59255;%7D.st12%7Bopacity:0.32;fill:%23FFFFFF;%7D%3C/style%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg class='st0'%3E%3Crect x='2.1' y='16.8' class='st1' width='320.3' height='40.2' /%3E%3C/g%3E%3Cg class='st0'%3E%3Cpath class='st1' d='M306,57H20.3c-1,0-1.7-0.8-1.7-1.7v-2.5c0-1,0.8-1.7,1.7-1.7L306,51c1,0,1.7,0.8,1.7,1.7v2.5 C307.7,56.2,306.9,57,306,57z' /%3E%3C/g%3E%3Cg class='st0'%3E%3Cpath class='st1' d='M316.4,14.2H313V4.5h3.4V14.2z M306.2,14.2h-3.4V4.5h3.4V14.2z M296,14.2h-3.4V4.5h3.4V14.2z M285.8,14.2 h-3.4V4.5h3.4V14.2z M275.5,14.2h-3.4V4.5h3.4V14.2z M265.3,14.2h-3.4V4.5h3.4V14.2z M255.1,14.2h-3.4V4.5h3.4V14.2z M244.9,14.2h-3.4V4.5h3.4V14.2z M234.6,14.2h-3.4V4.5h3.4V14.2z M224.4,14.2H221V4.5h3.4V14.2z M214.2,14.2h-3.4V4.5h3.4V14.2z M204,14.2h-3.4V4.5h3.4V14.2z M193.8,14.2h-3.4V4.5h3.4V14.2z M183.5,14.2h-3.4V4.5h3.4V14.2z M173.3,14.2h-3.4V4.5h3.4V14.2z M163.1,14.2h-3.4V4.5h3.4V14.2z M152.9,14.2h-3.4V4.5h3.4V14.2z M142.6,14.2h-3.4V4.5h3.4V14.2z M132.4,14.2H129V4.5h3.4V14.2z M122.2,14.2h-3.4V4.5h3.4V14.2z M112,14.2h-3.4V4.5h3.4V14.2z M101.7,14.2h-3.4V4.5h3.4V14.2z M91.5,14.2h-3.4V4.5h3.4V14.2z M81.3,14.2h-3.4V4.5h3.4V14.2z M71.1,14.2h-3.4V4.5h3.4V14.2z M60.8,14.2h-3.4V4.5h3.4V14.2z M50.6,14.2h-3.4V4.5h3.4V14.2z M40.4,14.2H37V4.5h3.4V14.2z M30.2,14.2h-3.4V4.5h3.4V14.2z M19.9,14.2h-3.4V4.5h3.4V14.2z M9.7,14.2H6.3V4.5h3.4V14.2z' /%3E%3C/g%3E%3Cg class='st2'%3E%3Cpath class='st1' d='M316.2,480.5h-3.4v-10.8h3.4V480.5z M306,480.5h-3.4v-10.8h3.4V480.5z M295.8,480.5h-3.4v-10.8h3.4V480.5z M285.5,480.5h-3.4v-10.8h3.4V480.5z M275.3,480.5h-3.4v-10.8h3.4V480.5z M265.1,480.5h-3.4v-10.8h3.4V480.5z M254.9,480.5h-3.4 v-10.8h3.4V480.5z M244.6,480.5h-3.4v-10.8h3.4V480.5z M234.4,480.5H231v-10.8h3.4V480.5z M224.2,480.5h-3.4v-10.8h3.4V480.5z M214,480.5h-3.4v-10.8h3.4V480.5z M203.8,480.5h-3.4v-10.8h3.4V480.5z M193.5,480.5h-3.4v-10.8h3.4V480.5z M183.3,480.5h-3.4 v-10.8h3.4V480.5z M173.1,480.5h-3.4v-10.8h3.4V480.5z M162.9,480.5h-3.4v-10.8h3.4V480.5z M152.6,480.5h-3.4v-10.8h3.4V480.5z M142.4,480.5H139v-10.8h3.4V480.5z M132.2,480.5h-3.4v-10.8h3.4V480.5z M122,480.5h-3.4v-10.8h3.4V480.5z M111.7,480.5h-3.4 v-10.8h3.4V480.5z M101.5,480.5h-3.4v-10.8h3.4V480.5z M91.3,480.5h-3.4v-10.8h3.4V480.5z M81.1,480.5h-3.4v-10.8h3.4V480.5z M70.8,480.5h-3.4v-10.8h3.4V480.5z M60.6,480.5h-3.4v-10.8h3.4V480.5z M50.4,480.5H47v-10.8h3.4V480.5z M40.2,480.5h-3.4v-10.8 h3.4V480.5z M29.9,480.5h-3.4v-10.8h3.4V480.5z M19.7,480.5h-3.4v-10.8h3.4V480.5z M9.5,480.5H6.1v-10.8h3.4V480.5z' /%3E%3C/g%3E%3Cg class='st3'%3E%3Cellipse class='st1' cx='318.1' cy='54' rx='5.3' ry='5.4' /%3E%3C/g%3E%3Cg class='st0'%3E%3Cpath class='st1' d='M320.7,474H4.7c-1,0-1.7-0.8-1.7-1.7v-2.5c0-1,0.8-1.7,1.7-1.7h316c1,0,1.7,0.8,1.7,1.7v2.5 C322.4,473.3,321.6,474,320.7,474z' /%3E%3C/g%3E%3Cg class='st3'%3E%3Cellipse class='st1' cx='293.5' cy='53.8' rx='4.4' ry='4.5' /%3E%3C/g%3E%3Cg class='st4'%3E%3Cellipse class='st1' cx='321.2' cy='3.1' rx='3.1' ry='3.1' /%3E%3C/g%3E%3C/g%3E%3Crect x='318.4' y='6.1' class='st5' width='4.1' height='479' /%3E%3Crect x='2.1' y='18.1' class='st6' width='320.4' height='38.5' /%3E%3C/g%3E%3Cpolygon class='st7' points='322.4,330.4 2.1,474.2 2.1,394.1 322.4,250.2' /%3E%3Cpolygon class='st8' points='322.4,50.9 2.1,194.8 2.1,160.9 322.4,17' /%3E%3Cpath class='st9' d='M322.5,486.9c-0.1,0-0.3,0-0.4-0.1l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4 c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4 c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4 c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4 c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4 c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4 c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4 c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4 c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4 c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4 c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0L1,485.3 c-0.8-0.2-1.3-1.1-1-1.9c0.2-0.8,1.1-1.3,1.9-1l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0 l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4 l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4 c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4 c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4 c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4 c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4 c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4 c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4 c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4 c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l5.1,1.5c0.8,0.2,1.3,1.1,1,1.9C323.7,486.5,323.1,486.9,322.5,486.9 z' /%3E%3Cpath class='st6' d='M4,485.4L4,485.4c-1.3,0-2.4-1.1-2.4-2.4V1.1c0-1.3,1.1,0.6,2.4,0.6h0c1.3,0,2.4-1.9,2.4-0.6V483 C6.4,484.3,5.3,485.4,4,485.4z' /%3E%3Cpath class='st7' d='M314.5,261.1L12.2,396.8c-2.4,1.1-5.1-0.7-5.1-3.3l0,0c0-1.4,0.8-2.7,2.1-3.3l302.3-135.8 c2.4-1.1,5.1,0.7,5.1,3.3l0,0C316.6,259.2,315.8,260.5,314.5,261.1z' /%3E%3Cpath class='st7' d='M320.2,26.3L7.4,166.8c-2.5,1.1-5.3-0.7-5.3-3.4l0,0c0-1.5,0.9-2.8,2.2-3.4L317.2,19.5 c2.5-1.1,5.3,0.7,5.3,3.4v0C322.4,24.4,321.6,25.7,320.2,26.3z' /%3E%3Crect x='2.1' y='14.2' class='st10' width='321.4' height='2.9' /%3E%3Crect x='1.8' y='467.1' class='st11' width='321.4' height='2.9' /%3E%3Cpath class='st12' d='M322.6,4.6c-0.1,0-0.3,0-0.4-0.1l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4 c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4L272,4.5 c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4 c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4 c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0L185,3.2l-4.7,1.4 c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4 c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0L134,3.2l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4 c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4 c-0.3,0.1-0.6,0.1-0.8,0L83,3.2l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4L58,4.5 c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4 c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4l-4.7,1.4c-0.3,0.1-0.6,0.1-0.8,0l-4.7-1.4L7,4.5c-0.3,0.1-0.6,0.1-0.8,0L1.1,3.1 C0.3,2.8-0.2,2,0.1,1.2c0.2-0.8,1.1-1.3,1.9-1l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0 L27,1.5l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4L52,0.2c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4 l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4 c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4 c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4 c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4 c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4 c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4 c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4 c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4 c0.3-0.1,0.6-0.1,0.8,0l4.7,1.4l4.7-1.4c0.3-0.1,0.6-0.1,0.8,0l5.1,1.5c0.8,0.2,1.3,1.1,1,1.9C323.8,4.2,323.2,4.6,322.6,4.6z' /%3E%3Cg class='st3'%3E%3Cellipse class='st1' cx='5.5' cy='54' rx='3.8' ry='3.9' /%3E%3C/g%3E%3Cpath class='st6' d='M320.4,332.9L320.4,332.9c-1.3,0-2.3-1-2.3-2.3v-78.1c0-1.3,1-2.3,2.3-2.3l0,0c1.3,0,2.3,1,2.3,2.3v78.1 C322.7,331.8,321.7,332.9,320.4,332.9z' /%3E%3C/g%3E%3C/svg%3E");
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;
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; } }
@media screen and (min-width: 900px) and (max-width: 1471.7272727273px) {
.secret-phone {
box-shadow: 0 17px 0 0 #303030; } }
@media screen and (min-width: 1472.7272727273px) {
.secret-phone {
box-shadow: 0 17px 0 0 #303030; } }
.secret-phone .secret-bar {
background: #766c5c;
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: #766c5c;
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: #766c5c;
max-width: 100%; }
12.5% {
border-color: transparent;
color: #766c5c;
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; }
.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-objector {
display: block;
margin: 0;
max-height: 0;
opacity: 0;
overflow: hidden;
transition-delay: 0ms, 0ms, 120ms;
transition-duration: 240ms, 240ms, 120ms;
transition-property: margin-top, max-height, opacity;
transition-timing-function: ease-in-out;
width: 100%; }
.secret-objector + .secret-objector {
margin-top: 0; }
.secret-expand .secret-objector + .secret-objector {
margin-top: 1.3888888889em; }
.secret-expand .secret-objector {
max-height: 8.3333333333em;
opacity: 1;
transition-delay: 0ms, 0ms, 240ms;
transition-duration: 480ms, 480ms, 240ms; }
@media (min-width: 900px) {
.secret-objector {
float: left;
padding-left: 17px;
width: 50%; }
.secret-objector:first-child + .secret-objector {
margin-top: 0; }
.secret-objector:nth-child(odd) {
clear: both;
padding-left: 0;
padding-right: 17px; } }
.secret-objectors {
display: block;
margin-top: -1.3888888889em;
transition-delay: 0ms;
transition-duration: 240ms;
transition-property: margin-top;
transition-timing-function: ease-in-out;
width: 100%; }
.secret-objectors.secret-expand {
margin-top: 0;
transition-duration: 480ms; }
.secret-objectors:focus {
outline: none; }
.secret-objectors:after, .secret-objectors:before {
clear: both;
content: '';
display: table; }
.secret-objectors + p {
margin-top: 1.3888888889em; }
.secret-button-set {
display: block;
margin: 0 -35px;
max-width: 100%;
max-width: calc(100% + 70px);
text-align: center;
width: auto; }
.secret-button-wrap {
display: inline-block;
margin: 35px;
max-width: 100%;
width: auto; }
.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;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background-position: right top;
background-size: 800% 100%;
border-radius: 50%;
border-width: 0;
color: inherit;
display: block;
height: 0;
padding-top: 50%;
position: absolute;
transition-delay: 0ms;
transition-duration: 120ms;
transition-property: box-shadow, left, padding, top, width;
transition-timing-function: ease-in, ease-out, ease-out, ease-out, ease-out;
transition-timing-function: ease-in, cubic-bezier(0.5, 0.25, 0.75, 1.5), cubic-bezier(0.5, 0.25, 0.75, 1.5), cubic-bezier(0.5, 0.25, 0.75, 1.5), 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; } }
#boxes {
position: relative; }
#boxes.show-woodbox #standard-edition {
transform: translateX(-100vw); }
#boxes.show-woodbox #woodbox-edition {
transform: translateY(-50%) translateX(0); }
#boxes.show-woodbox #woodbox-edition:first-child {
transform: unset; }
#standard-edition, #woodbox-edition {
transition-delay: 0ms !important;
transition-duration: 320ms;
transition-property: transform;
transition-timing-function: ease;
will-change: transform; }
@media (max-width: 449px) {
#standard-edition, #woodbox-edition {
transition-duration: 160ms; } }
@media (min-width: 450px) and (max-width: 899px) {
#standard-edition, #woodbox-edition {
transition-duration: 240ms; } }
#standard-edition {
transform: translateX(0); }
#woodbox-edition {
left: 8.3333333333vw;
position: absolute;
right: 8.3333333333vw;
top: 50%;
transform: translateY(-50%) translateX(100vw); }
#woodbox-edition:first-child {
left: unset;
position: relative;
right: unset;
top: unset;
transform: unset; }
@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: -4%;
display: block;
height: 0;
position: absolute;
right: -4%;
transform: translateY(2.7777777778vw);
top: 100%;
width: auto; }
@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.3671875%;
right: -1.3671875%;
transform: translateY(0.8148148148vw);
width: auto; } }
@media (min-width: 1350px) {
#woodbox-edition:before {
box-shadow: 0 -22px 0 0.5px #C59257;
border-width: 23px 23px 0;
left: -1.3125%;
right: -1.35%;
transform: translateY(11px); } }
#woodbox-edition .secret-box {
border-radius: 0;
box-shadow: none;
transform: translateY(0); }
@supports (box-shadow: 0 0 0 red) {
.secret-standard-sticker, .secret-woodbox-sticker {
box-shadow: 0 0 0 0 currentColor; }
.secret-standard-sticker:focus, .secret-woodbox-sticker:focus {
box-shadow: 0 0 0 2px currentColor;
outline: none;
transition-duration: 240ms, 120ms, 120ms, 120ms, 120ms;
transition-timing-function: ease-out;
transition-timing-function: ease-out, cubic-bezier(0.5, 0.25, 0.75, 1.5), cubic-bezier(0.5, 0.25, 0.75, 1.5), cubic-bezier(0.5, 0.25, 0.75, 1.5), cubic-bezier(0.5, 0.25, 0.75, 1.5); } }
body {
padding-top: 8.3333333333vw; }
@media screen and (min-width: 1472.7272727273px) {
body {
padding-top: 112.5px; } }
footer {
font-weight: 700;
margin: 0;
position: relative;
text-transform: uppercase;
transform: translateX(0) translateY(0);
z-index: 4 !important; }
footer .secret-container {
margin: 0 auto;
padding-bottom: 35px;
padding-top: 35px; }
footer .secret-container > * {
margin: 0; }
footer .secret-container > p {
padding: 0 35px; }
@media (min-width: 450px) {
footer .secret-container > p {
padding: 0; } }
picture img {
display: block;
width: 100%; }
#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%; }
@supports (position: sticky) {
.secret-footer {
background-image: linear-gradient(to bottom, rgba(251, 185, 105, 0) 0, rgba(251, 185, 105, 0) 35px, #fbb969 40px, #FBB969 100%);
background-position: left top;
background-repeat: no-repeat;
background-size: 100%; } }
#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; } }