@font-face {font-family: "socialite-1-7-0"; src: url("//massrel-all.massrel.io/static/socialite-1-7-0.8fca3de6866f2a903f1d4a90e119e4a3a5ac1508.eot"); src: url("//massrel-all.massrel.io/static/socialite-1-7-0.8fca3de6866f2a903f1d4a90e119e4a3a5ac1508.eot?#iefix") format("embedded-opentype"), url("//massrel-all.massrel.io/static/socialite-1-7-0.a82c4f523bf011485a231533979a2417b2f159ad.woff") format("woff"), url("//massrel-all.massrel.io/static/socialite-1-7-0.0cfdeea53e425a56875532f5200dc63cf753ca07.ttf") format("truetype"), url("//massrel-all.massrel.io/static/socialite-1-7-0.93306ac00917c637a044a0e7309c103177bf4eff.svg#socialite-1-7-0") format("svg"); font-weight: normal; font-style: normal;} @media screen and (-webkit-min-device-pixel-ratio:0) {@font-face {font-family: "socialite-1-7-0"; src: url("//massrel-all.massrel.io/static/socialite-1-7-0.93306ac00917c637a044a0e7309c103177bf4eff.svg#socialite-1-7-0") format("svg");}} [data-icon]:before {content: attr(data-icon);} [data-icon]:before, .icon-add-content:before, .icon-angle-left:before, .icon-angle-right:before, .icon-arrow-bold-down:before, .icon-arrow-bold-left:before, .icon-arrow-bold-right:before, .icon-arrow-bold-up:before, .icon-arrow-down:before, .icon-arrow-left:before, .icon-arrow-right:before, .icon-arrow-up:before, .icon-back-to-top:before, .icon-camera:before, .icon-chevron-down:before, .icon-chevron-up:before, .icon-close-x:before, .icon-facebook-comment:before, .icon-facebook-logo:before, .icon-facebook-logo-letter:before, .icon-facebook-mobilelike:before, .icon-facebook-share:before, .icon-getglue-logo:before, .icon-google-plus-logo:before, .icon-google-plus-logo-letter:before, .icon-graph-pie:before, .icon-instagram-comment:before, .icon-instagram-like:before, .icon-instagram-logo:before, .icon-instagram-logo-old:before, .icon-list:before, .icon-load-more:before, .icon-mass-relevance-logo:before, .icon-mass-relevance-logo-copy:before, .icon-minimize-arrow:before, .icon-monitor:before, .icon-person:before, .icon-pinterest-logo:before, .icon-place:before, .icon-prohibited:before, .icon-round-word-bubble:before, .icon-search:before, .icon-spredfast-logo:before, .icon-spredfast-logo-copy:before, .icon-spredfast-logo-shape:before, .icon-thumbnails:before, .icon-thumbs-down:before, .icon-trophy:before, .icon-tumblr-logo:before, .icon-tumblr-logo-letter:before, .icon-twitter-favorite:before, .icon-twitter-like:before, .icon-twitter-logo:before, .icon-twitter-reply:before, .icon-twitter-retweet:before, .icon-twitter-verified-bg:before, .icon-twitter-verified-check:before, .icon-upload:before, .icon-upload2:before, .icon-vine-logo:before, .icon-vote-check:before, .icon-youtube-logo:before, .icon-youtube-logo-copy:before {display: inline-block; font-family: "socialite-1-7-0"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;} .icon-add-content:before {content: "\f100";} .icon-angle-left:before {content: "\f101";} .icon-angle-right:before {content: "\f102";} .icon-arrow-bold-down:before {content: "\f138";} .icon-arrow-bold-left:before {content: "\f139";} .icon-arrow-bold-right:before {content: "\f13a";} .icon-arrow-bold-up:before {content: "\f13b";} .icon-arrow-down:before {content: "\f133";} .icon-arrow-left:before {content: "\f134";} .icon-arrow-right:before {content: "\f135";} .icon-arrow-up:before {content: "\f136";} .icon-back-to-top:before {content: "\f103";} .icon-camera:before {content: "\f104";} .icon-chevron-down:before {content: "\f105";} .icon-chevron-up:before {content: "\f106";} .icon-close-x:before {content: "\f107";} .icon-facebook-comment:before {content: "\f108";} .icon-facebook-logo:before {content: "\f109";} .icon-facebook-logo-letter:before {content: "\f10a";} .icon-facebook-mobilelike:before {content: "\f10b";} .icon-facebook-share:before {content: "\f10c";} .icon-getglue-logo:before {content: "\f10d";} .icon-google-plus-logo:before {content: "\f10e";} .icon-google-plus-logo-letter:before {content: "\f10f";} .icon-graph-pie:before {content: "\f110";} .icon-instagram-comment:before {content: "\f111";} .icon-instagram-like:before {content: "\f112";} .icon-instagram-logo:before {content: "\f113";} .icon-instagram-logo-old:before {content: "\f13c";} .icon-list:before {content: "\f114";} .icon-load-more:before {content: "\f115";} .icon-mass-relevance-logo:before {content: "\f116";} .icon-mass-relevance-logo-copy:before {content: "\f117";} .icon-minimize-arrow:before {content: "\f131";} .icon-monitor:before {content: "\f118";} .icon-person:before {content: "\f13d";} .icon-pinterest-logo:before {content: "\f119";} .icon-place:before {content: "\f11a";} .icon-prohibited:before {content: "\f11b";} .icon-round-word-bubble:before {content: "\f132";} .icon-search:before {content: "\f11c";} .icon-spredfast-logo:before {content: "\f11d";} .icon-spredfast-logo-copy:before {content: "\f11e";} .icon-spredfast-logo-shape:before {content: "\f11f";} .icon-thumbnails:before {content: "\f120";} .icon-thumbs-down:before {content: "\f121";} .icon-trophy:before {content: "\f122";} .icon-tumblr-logo:before {content: "\f123";} .icon-tumblr-logo-letter:before {content: "\f124";} .icon-twitter-favorite:before {content: "\f125";} .icon-twitter-like:before {content: "\f137";} .icon-twitter-logo:before {content: "\f126";} .icon-twitter-reply:before {content: "\f127";} .icon-twitter-retweet:before {content: "\f128";} .icon-twitter-verified-bg:before {content: "\f129";} .icon-twitter-verified-check:before {content: "\f12a";} .icon-upload:before {content: "\f12b";} .icon-upload2:before {content: "\f12c";} .icon-vine-logo:before {content: "\f12d";} .icon-vote-check:before {content: "\f12e";} .icon-youtube-logo:before {content: "\f12f";} .icon-youtube-logo-copy:before {content: "\f130";} @font-face {font-family: 'Helvetica Neue LT Std 57 Condensed'; src: url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/fonts/HelveticaNeueLTStd-Cn.woff2") format('woff2'), url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/fonts/HelveticaNeueLTStd-Cn.woff") format('woff'), url("static/fonts/HelveticaNeueLTStd-Cn.otf") format('opentype'); font-style: normal; font-weight: 400; font-stretch: condensed;} @font-face {font-family: 'Helvetica Neue LT Std 57 Condensed Oblique'; src: url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/fonts/HelveticaNeueLTStd-CnO.woff2") format('woff2'), url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/fonts/HelveticaNeueLTStd-CnO.woff") format('woff'), url("static/fonts/HelveticaNeueLTStd-CnO.otf") format('opentype'); font-style: italic; font-weight: 400; font-stretch: condensed;} @font-face {font-family: 'Helvetica Neue LT Std 55 Roman'; src: url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/fonts/HelveticaNeueLTStd-Roman.woff2") format('woff2'), url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/fonts/HelveticaNeueLTStd-Roman.woff") format('woff'), url("static/fonts/HelveticaNeueLTStd-Roman.otf") format('opentype'); font-style: normal; font-weight: 400; font-stretch: normal;} @font-face {font-family: 'Helvetica Neue LT Std 56 Italic'; src: url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/fonts/HelveticaNeueLTStd-It.woff2") format('woff2'), url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/fonts/HelveticaNeueLTStd-It.woff") format('woff'), url("static/fonts/HelveticaNeueLTStd-It.otf") format('opentype'); font-style: italic; font-weight: 400; font-stretch: normal;} @font-face {font-family: 'Helvetica Neue LT Std 53 Extended'; src: url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/fonts/HelveticaNeueLTStd-Ex.woff2") format('woff2'), url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/fonts/HelveticaNeueLTStd-Ex.woff") format('woff'), url("static/fonts/HelveticaNeueLTStd-Ex.otf") format('opentype'); font-style: normal; font-weight: 400; font-stretch: expanded;} @font-face {font-family: 'Helvetica Neue LT Std 53 Extended Oblique'; src: url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/fonts/HelveticaNeueLTStd-ExO.woff2") format('woff2'), url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/fonts/HelveticaNeueLTStd-ExO.woff") format('woff'), url("static/fonts/HelveticaNeueLTStd-ExO.otf") format('opentype'); font-style: italic; font-weight: 400; font-stretch: expanded;} @font-face {font-family: 'Helvetica Neue LT Std 67 Medium Condensed'; src: url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/fonts/HelveticaNeueLTStd-MdCn.woff2") format('woff2'), url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/fonts/HelveticaNeueLTStd-MdCn.woff") format('woff'), url("static/fonts/HelveticaNeueLTStd-MdCn.otf") format('opentype'); font-style: normal; font-weight: 500; font-stretch: condensed;} @font-face {font-family: 'Helvetica Neue LT Std 65 Medium'; src: url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/fonts/HelveticaNeueLTStd-Md.woff2") format('woff2'), url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/fonts/HelveticaNeueLTStd-Md.woff") format('woff'), url("static/fonts/HelveticaNeueLTStd-Md.otf") format('opentype'); font-style: normal; font-weight: 500; font-stretch: normal;} @font-face {font-family: 'Helvetica Neue LT Std 77 Bold Condensed'; src: url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/fonts/HelveticaNeueLTStd-BdCn.woff2") format('woff2'), url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/fonts/HelveticaNeueLTStd-BdCn.woff") format('woff'), url("static/fonts/HelveticaNeueLTStd-BdCn.otf") format('opentype'); font-style: normal; font-weight: 700; font-stretch: condensed;} @font-face {font-family: 'Helvetica Neue LT Std 77 Bold Condensed Oblique'; src: url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/fonts/HelveticaNeueLTStd-BdCnO.woff2") format('woff2'), url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/fonts/HelveticaNeueLTStd-BdCnO.woff") format('woff'), url("static/fonts/HelveticaNeueLTStd-BdCnO.otf") format('opentype'); font-style: italic; font-weight: 700; font-stretch: condensed;} @font-face {font-family: 'Helvetica Neue LT Std 75 Bold'; src: url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/fonts/HelveticaNeueLTStd-Bd.woff2") format('woff2'), url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/fonts/HelveticaNeueLTStd-Bd.woff") format('woff'), url("static/fonts/HelveticaNeueLTStd-Bd.otf") format('opentype'); font-style: normal; font-weight: 700; font-stretch: normal;} @font-face {font-family: 'Helvetica Neue LT Std 76 Bold Italic'; src: url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/fonts/HelveticaNeueLTStd-BdIt.woff2") format('woff2'), url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/fonts/HelveticaNeueLTStd-BdIt.woff") format('woff'), url("static/fonts/HelveticaNeueLTStd-BdIt.otf") format('opentype'); font-style: italic; font-weight: 700; font-stretch: normal;} @font-face {font-family: 'Helvetica Neue LT Std 73 Bold Extended'; src: url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/fonts/HelveticaNeueLTStd-BdEx.woff2") format('woff2'), url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/fonts/HelveticaNeueLTStd-BdEx.woff") format('woff'), url("static/fonts/HelveticaNeueLTStd-BdEx.otf") format('opentype'); font-style: normal; font-weight: 700; font-stretch: expanded;} @font-face {font-family: 'Helvetica Neue LT Std 73 Bold Extended Oblique'; src: url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/fonts/HelveticaNeueLTStd-BdExO.woff2") format('woff2'), url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/fonts/HelveticaNeueLTStd-BdExO.woff") format('woff'), url("static/fonts/HelveticaNeueLTStd-BdExO.otf") format('opentype'); font-style: italic; font-weight: 700; font-stretch: expanded;} @font-face {font-family: 'Roboto Light'; src: url('//massrel-custom-fonts.massrel.io/roboto-light-webfont-5a37bf81-e608-4e85-ae17-07723a1c0a18.eot'); src: url('//massrel-custom-fonts.massrel.io/roboto-light-webfont-5a37bf81-e608-4e85-ae17-07723a1c0a18.eot?#iefix') format('embedded-opentype'), url('//massrel-custom-fonts.massrel.io/roboto-light-webfont-cc3ea07e-0a02-469e-b254-ae0045c54107.woff') format('woff'), url('//massrel-custom-fonts.massrel.io/roboto-light-webfont-f8322632-4e13-4b61-9f3b-7326604ff1cb.ttf') format('truetype'), url('//massrel-custom-fonts.massrel.io/roboto-light-webfont-01fdfdc7-8cc2-4927-b286-ae30cf339ecd.svg#webfont') format('svg'); font-weight: normal;} @font-face {font-family: 'Roboto Medium'; src: url('//massrel-custom-fonts.massrel.io/roboto-medium-webfont-7329fa6e-32dd-4d9d-9aa1-40ad091b9fe5.eot'); src: url('//massrel-custom-fonts.massrel.io/roboto-medium-webfont-7329fa6e-32dd-4d9d-9aa1-40ad091b9fe5.eot?#iefix') format('embedded-opentype'), url('//massrel-custom-fonts.massrel.io/roboto-medium-webfont-b0c79916-e492-4b6e-8348-1609becd30bb.woff') format('woff'), url('//massrel-custom-fonts.massrel.io/roboto-medium-webfont-b602e40a-6be8-4fc3-bc3b-e61ab6d92b78.ttf') format('truetype'), url('//massrel-custom-fonts.massrel.io/roboto-medium-webfont-b4471b98-658e-41ca-a376-3a2ea2b5da0e.svg#webfont') format('svg'); font-weight: normal;} article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;} audio, canvas, video {display: inline-block;} audio:not([controls]) {display: none; height: 0;} [hidden], template {display: none;} html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;} body {margin: 0;} a {background: transparent;} a:focus {outline: thin dotted;} a:active, a:hover {outline: 0;} h1 {font-size: 2em; margin: 0.67em 0;} abbr[title] {border-bottom: 1px dotted;} b, strong {font-weight: bold;} dfn {font-style: italic;} hr {-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0;} mark {background: #ff0; color: #000;} code, kbd, pre, samp {font-family: monospace, serif; font-size: 1em;} pre {white-space: pre-wrap;} q {quotes: "\201C" "\201D" "\2018" "\2019";} small {font-size: 80%;} sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} img {border: 0;} svg:not(:root) {overflow: hidden;} figure {margin: 0;} fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;} legend {border: 0; padding: 0;} button, input, select, textarea {font-family: inherit; font-size: 100%; margin: 0;} button, input {line-height: normal;} button, select {text-transform: none;} button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;} button[disabled], html input[disabled] {cursor: default;} input[type="checkbox"], input[type="radio"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;} input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;} textarea {overflow: auto; vertical-align: top;} table {border-collapse: collapse; border-spacing: 0;} * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .clearfix:before, .clearfix:after {content: ' '; display: table;} .clearfix:after {clear: both;} .mr-action-click {cursor: pointer;} .ada-text {position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;} .mr-component-type-modal-2 {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: auto; overflow-x: hidden; overflow-y: auto; z-index: 1000; background-color: #000000; background-color: rgba(0, 0, 0, 0.7); padding: 15px; text-align: center;} .mr-component-type-modal-2:before {display: inline-block; content: ''; height: 100%; vertical-align: middle; margin-right: -0.25em;} .mr-component-type-modal-2.modal-open {display: block;} .lt-ie9 .mr-component-type-modal-2 {background: url('data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); background-repeat: repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000,endColorstr=#b3000000); zoom: 1;} .modal-content {position: relative; display: inline-block; text-align: left; vertical-align: middle; padding: 15px;} .modal-content:focus {outline: none;} .lt-ie9 .modal-content {width: 100%;} .modal-close {position: absolute; top: -0.8333em; right: -0.75em; -webkit-border-radius: 100%; border-radius: 100%; font-size: 1.5em; line-height: 1; padding: 0.21em 0.16em 0.16em; background-color: #000000; background-color: rgba(0, 0, 0, 0.3); color: white; text-decoration: none; -webkit-transition: background-color 150ms; transition: background-color 150ms; text-shadow: 0 0 0.3em #000000;} .modal-close:hover {background-color: #000000;} .mr-component-instance-modal .modal-content {max-width: 550px;} @media screen and (max-width: 550px) {.mr-component-instance-modal .modal-content {max-width: 100%;}} .status, .status-body {position: relative;} img.status-emoji {height: 1em; width: 1em; margin: 0 0.05em 0 0.1em; vertical-align: -0.1em;} .status-avatar {background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: center; -ms-behavior: url("//massrel-all.massrel.io/static/backgroundsize.min.b0d1854ee9ebbd813a6b51f532ee73e0ce8efd51.htc"); background-color: transparent; position: relative; display: inline-block; width: 48px; height: 48px;} .status-author {display: inline-block; vertical-align: top;} .status-author-name {display: block;} .status-text {margin: 0;} .status-pretty-link s {text-decoration: none;} .status-logo-icon, .icon-place {display: inline-block; font-size: 1.2em; vertical-align: -0.1em; margin-top: -0.1em; margin-bottom: -0.1em;} .icon-twitter-retweet {display: inline-block; font-size: 1.2em;} .icon-twitter-favorite, .icon-twitter-reply {display: inline-block; font-size: 1.15em;} @-webkit-keyframes loading-spinner-spin {from {-webkit-transform: rotate(0deg); transform: rotate(0deg);} to {-webkit-transform: rotate(359deg); transform: rotate(359deg);}} @keyframes loading-spinner-spin {from {-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);} to {-webkit-transform: rotate(359deg); -ms-transform: rotate(359deg); transform: rotate(359deg);}} .status-media {position: relative; width: 100%; max-width: 550px;} .status-media-meta {position: absolute; right: 0; top: 0; z-index: 99999999; text-align: right;} .media-attribution {position: absolute; top: 0; left: 0; right: 0; z-index: 1; margin: 0.35em; font-size: 1.2em;} .media-attribution .media-attribution-link {text-decoration: none; color: inherit;} .media-attribution .media-attribution-link:hover, .media-attribution .media-attribution-link:active, .media-attribution .media-attribution-link:visited {text-decoration: underline; color: inherit;} .media-attribution .media-attribution-author {float: left;} .media-attribution .media-attribution-logo-link {float: right; outline: none; text-decoration: none;} .media-attribution .media-attribution-logo-link:active, .media-attribution .media-attribution-logo-link:hover {outline: none; text-decoration: none;} .media-attribution .media-attribution-logo-link .media-logo-icon {font-size: 1.5em;} .media-image {background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: center; -ms-behavior: url("//massrel-all.massrel.io/static/backgroundsize.min.b0d1854ee9ebbd813a6b51f532ee73e0ce8efd51.htc"); background-color: transparent;} .media-image img {display: block; visibility: hidden; width: 100%;} .media.loading:after {background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: center; -ms-behavior: url("//massrel-all.massrel.io/static/backgroundsize.min.b0d1854ee9ebbd813a6b51f532ee73e0ce8efd51.htc"); background-color: transparent; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin-left: -50px; margin-top: -50px; pointer-events: none; display: block; content: ''; background-image: url("//massrel-all.massrel.io/static/spinner.82cd6a7476f4a43e8863c0551f13cc479b78a661.svg"); -webkit-animation-name: loading-spinner-spin; animation-name: loading-spinner-spin; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; z-index: 10;} .media-video-thumbnail, .media-gif {cursor: pointer;} .media-video-thumbnail:after, .media-gif:after {background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: center; -ms-behavior: url("//massrel-all.massrel.io/static/backgroundsize.min.b0d1854ee9ebbd813a6b51f532ee73e0ce8efd51.htc"); background-color: transparent; position: absolute; top: 50%; left: 50%; width: 150px; height: 150px; margin-left: -75px; margin-top: -75px; opacity: 0.6; -webkit-transition: opacity 100ms; transition: opacity 100ms; display: block; content: ''; background-image: url("//massrel-all.massrel.io/static/video-play.a247a1ab49b6ae78ab132d39bf59b1303de56291.png");} .media-video-thumbnail:hover:after, .media-gif:hover:after {opacity: 1;} .media.loading .media-video-thumbnail:after, .media.loading .media-gif:after {display: none;} .media-video iframe {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1;} .media-gif canvas {display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;} .media-video.media-facebook .media-video-thumbnail {-webkit-background-size: contain; background-size: contain; background-color: #000;} .media-video.media-facebook .media-video-sizer img {position: absolute;} .status-intent-facebook-like[data-liked="true"] .status-intent-text:before {content: 'Unlike';} .status-intent-facebook-like .status-intent-text:before {content: 'Like';} .status-intent-facebook-like[data-liked="true"] {color: #3b5998;} .status.status-facebook .video-embed-wrapper {width: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1;} .status.status-google-plus .video-embed-wrapper {padding-top: 0 !important;} .status-intent-instagram-like[data-liked="true"] .status-intent-text:before {content: 'Unlike';} .status-intent-instagram-like .status-intent-text:before {content: 'Like';} .status-intent-instagram-like .icon-instagram-like.liked {color: #b40404;} .status.status-instagram .video-embed-wrapper {padding-top: 0 !important;} .status-twitter-verified-icon {position: relative; display: inline-block; font-size: 1.3em; vertical-align: -0.1em; margin-top: -0.1em; margin-bottom: -0.1em;} .status-twitter-verified-icon .icon-twitter-verified-check {position: absolute; left: 0; top: 0; color: white;} .status-twitter-verified-icon .icon-twitter-verified-bg {color: #1dcaff;} .status.status-twitter .video-embed-wrapper {padding-top: 0 !important;} .status.status-youtube .video-embed-wrapper {padding-top: 0 !important;} .status-style-native {font-size: 14px; font-family: Helvetica, Arial, sans-serif; color: #333333; padding: 12px;} .status-style-native .status-header {padding-right: 6em;} .status-style-native .status-author {width: 100%;} .status-style-native .status-author-name {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;} .status-style-native .status-author-name-primary {color: inherit; text-decoration: none; font-size: 1.07em; font-weight: bold;} .status-style-native .status-author-name-primary:active, .status-style-native .status-author-name-primary:hover, .status-style-native .status-author-name-primary:visited {text-decoration: none; color: inherit;} .status-style-native .status-author-name-primary:hover {text-decoration: underline;} .status-style-native .status-author-name-secondary {color: #666666; text-decoration: none; font-size: 0.79em;} .status-style-native .status-author-name-secondary:active, .status-style-native .status-author-name-secondary:hover, .status-style-native .status-author-name-secondary:visited {text-decoration: none; color: #666666;} .status-style-native .status-author-name-secondary:hover {text-decoration: underline;} .status-style-native .status-pretty-link {color: inherit; text-decoration: none;} .status-style-native .status-pretty-link:active, .status-style-native .status-pretty-link:hover, .status-style-native .status-pretty-link:visited {text-decoration: none; color: inherit;} .status-style-native .status-pretty-link:hover {text-decoration: underline;} .status-style-native .status-avatar {width: 48px; height: 48px;} .status-style-native .status-media {margin-bottom: 12px;} .status-style-native .status-text {word-wrap: break-word;} .status-style-native .status-intents {color: #666666; font-size: 0.93em;} .status-style-native .status-intent {color: inherit; text-decoration: none;} .status-style-native .status-intent:active, .status-style-native .status-intent:hover, .status-style-native .status-intent:visited {text-decoration: none; color: inherit;} .status-style-native .status-intent:hover {text-decoration: underline;} .status-style-native .status-intent ~ .status-intent {margin-left: 0.25em;} .status-style-native .status-intent-text {margin-left: 0.2em;} .status-style-native .status-timestamp {color: #666666; text-decoration: none; font-size: 0.8em;} .status-style-native .status-timestamp:active, .status-style-native .status-timestamp:hover, .status-style-native .status-timestamp:visited {text-decoration: none; color: #666666;} .status-style-native .status-timestamp:hover {text-decoration: underline;} .status-style-native .status-text, .status-style-native .status-meta {margin-top: 0.5em;} .status-style-native .status-media-meta {margin: 0.2em;} .status-style-native .status-meta-item {color: #666666;} .status-style-native .status-meta-item ~ .status-meta-item {margin-top: 0.2em;} .status-style-native .status-text-truncation-link {color: inherit; text-decoration: none;} .status-style-native .status-text-truncation-link:active, .status-style-native .status-text-truncation-link:hover, .status-style-native .status-text-truncation-link:visited {text-decoration: none; color: inherit;} .status-style-native .status-text-truncation-link:hover {text-decoration: underline;} .status-style-native .status-logo-icon {font-size: 1.25em;} .status-style-native.status-facebook .status-body {padding-left: 60px;} .status-style-native.status-facebook .status-avatar {margin-left: -60px; float: left;} .status-style-native.status-facebook .status-logo-icon {color: #3b5998; font-size: 1.5em;} .status-style-native.status-facebook .status-logo {position: absolute; right: 0; top: 0;} .status-style-native.status-facebook .status-media-meta {display: none;} .status-style-native.status-facebook .status-intent-icon {display: none;} .status-style-native.status-facebook .status-intent ~ .status-intent {margin-left: 0;} .status-style-native.status-facebook .status-intent:after {content: '•'; margin-left: 0.25em;} .status-style-native.status-facebook .status-intent:hover {text-decoration: none;} .status-style-native.status-facebook .status-intent:hover .status-intent-text {text-decoration: underline;} .status-style-native.status-facebook .status-pretty-link, .status-style-native.status-facebook .status-text-truncation-link {color: #3b5998;} .status-style-native.status-facebook .status-intent-text {margin-left: 0;} .status-style-native.status-facebook .status-body:hover .status-intents {display: inline-block;} .status-style-native.status-facebook .status-intents {display: none;} .status-style-native.status-facebook .status-permalink {display: inline-block;} .status-style-native .media-logo-icon.icon-facebook-logo {color: #3b5998;} .status-style-native.status-google-plus .status-avatar {-webkit-border-radius: 50%; border-radius: 50%;} .status-style-native.status-google-plus .status-pretty-link {font-weight: bold; color: #427fed;} .status-style-native.status-google-plus .status-pretty-link:hover {color: #427fed;} .status-style-native.status-google-plus .status-url {font-weight: normal;} .status-style-native.status-google-plus .status-username:hover {text-decoration: none;} .status-style-native.status-google-plus .status-username:hover span {text-decoration: underline;} .status-style-native.status-google-plus .status-text-truncation-link {color: #427fed;} .status-style-native.status-google-plus .status-text-truncation-link:hover {color: #427fed;} .status-style-native.status-google-plus .status-logo-icon {color: #dd4b39; font-size: 1.5em;} .status-style-native.status-google-plus .status-logo {position: absolute; right: 0; top: 0;} .status-style-native.status-google-plus .status-media-meta {display: none;} .status-style-native.status-google-plus .status-author {margin-left: 12px; width: -webkit-calc(100% - 60px); width: calc(100% - 60px);} .status-style-native .media-logo-icon.icon-google-plus-logo {color: #dd4b39;} .status-style-native.status-instagram .status-logo-icon {color: #595959;} .status-style-native.status-instagram .status-author {margin-left: 12px; width: -webkit-calc(100% - 60px); width: calc(100% - 60px);} .status-style-native.status-instagram .status-media-logo {font-size: 1.2em;} .status-style-native.status-instagram .status-media-logo .status-logo-icon {color: white; text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);} .status-style-native.status-instagram .status-pretty-link, .status-style-native.status-instagram .status-text-truncation-link {color: #3f729b;} .status-style-native.status-instagram .status-pretty-link:hover, .status-style-native.status-instagram .status-text-truncation-link:hover {color: #3f729b;} .status-style-native.status-instagram .status-pretty-link.status-hashtag.status-hashtag-instagram {text-decoration: none; color: inherit;} .status-style-native.status-instagram .status-pretty-link.status-hashtag.status-hashtag-instagram:hover, .status-style-native.status-instagram .status-pretty-link.status-hashtag.status-hashtag-instagram:active, .status-style-native.status-instagram .status-pretty-link.status-hashtag.status-hashtag-instagram:visited {text-decoration: none; color: inherit;} .status-style-native.status-instagram .status-logo {display: none;} .status-style-native.status-instagram .status-author-attribution {display: none;} .status-style-native.status-instagram .status-author-name-primary {line-height: 48px;} .status-style-native.status-instagram .status-author-name-secondary {display: none;} .status-style-native.status-instagram .status-intent-icon.icon-instagram-like {display: inline-block;} .status-style-native .media-logo-icon.icon-instagram-logo {color: #595959;} .status-style-native .media-logo-icon.icon-tumblr-logo {color: #36465d;} .status-style-native .status-twitter-verified-icon .icon-twitter-verified-bg {color: #88c9f9;} .status-style-native .status-twitter-verified-icon .icon-twitter-verified-check {color: white;} .status-style-native .status-retweeted-by-text {margin-left: 0.1em;} .status-style-native.status-twitter .status-body {padding-left: 60px;} .status-style-native.status-twitter .status-avatar {margin-left: -60px; float: left;} .status-style-native.status-twitter .status-logo-icon {color: #55acee;} .status-style-native.status-twitter .status-avatar {-webkit-border-radius: 4px; border-radius: 4px;} .status-style-native.status-twitter .status-text .status-pretty-link {color: #0084b4;} .status-style-native.status-twitter .status-text .status-pretty-link:hover {text-decoration: none;} .status-style-native.status-twitter .status-text .status-pretty-link:hover span {text-decoration: underline;} .status-style-native.status-twitter .status-text .status-pretty-link s {color: #66b5d2;} .status-style-native.status-twitter .status-text .status-pretty-link.status-url:hover {text-decoration: underline;} .status-style-native.status-twitter .status-text .status-text-truncation-link {color: #0084b4;} .status-style-native.status-twitter .status-text .status-text-truncation-link:hover {color: #0084b4;} .status-style-native.status-twitter .status-author-name {display: inline-block;} .status-style-native.status-twitter .status-author-name-secondary:hover {text-decoration: none;} .status-style-native.status-twitter .status-media-meta {display: none;} .status-style-native.status-twitter .status-meta-item-retweeted a {color: #0084b4; text-decoration: none;} .status-style-native.status-twitter .status-meta-item-retweeted a:active, .status-style-native.status-twitter .status-meta-item-retweeted a:hover, .status-style-native.status-twitter .status-meta-item-retweeted a:visited {text-decoration: none; color: #0084b4;} .status-style-native.status-twitter .status-meta-item-retweeted a:hover {text-decoration: underline;} .status-style-native.status-twitter .status-permalink {position: absolute; right: 0; top: 0;} .status-style-native.status-twitter .status-timestamp {margin-left: 0.3em; vertical-align: 0.1em;} .status-style-native.status-twitter .status-logo {float: left;} .status-style-native.status-twitter .status-body:hover .status-intents {visibility: visible;} .status-style-native.status-twitter .status-intents {text-align: right; visibility: hidden;} .status-style-native .media-logo-icon.icon-twitter-logo {color: #55acee;} .status-style-native .media-logo-icon.icon-vine-logo {color: #00a478;} .status-style-native.status-youtube .status-body {margin-left: 48px;} .status-style-native.status-youtube .status-permalink {position: absolute; right: 0; top: 0;} .status-style-native.status-youtube .status-logo-icon {color: #333333;} .status-style-native.status-youtube .status-media iframe {border: none;} .status-style-native.status-youtube .status-timestamp {margin-left: 0.3em; vertical-align: 0.1em;} .status-style-native.status-youtube .status-logo {float: left;} .status-style-native.status-youtube .status-text {margin-bottom: 15px;} .status-style-native.status-youtube .status-title .status-title-link {font-weight: bold; font-size: 16px; line-height: 32px; text-decoration: none; color: #333333; word-wrap: break-word;} .status-style-native.status-youtube .status-title .status-title-link::before {content: open-quote;} .status-style-native.status-youtube .status-title .status-title-link::after {content: close-quote;} .status-style-native.status-youtube .status-content {display: inline-block;} .status-style-native.status-youtube .status-content .status-clear {clear: both;} .status-style-native.status-youtube .status-author {float: left; color: #666666; width: -webkit-calc(100% - 4em); width: calc(100% - 4em);} .status-style-native.status-youtube .status-author .status-author-link {font-weight: bold; font-size: 16px; text-decoration: none; color: #333333; display: inline;} .status-style-native.status-youtube .status-duration {float: right;} .status-style-native .media-logo-icon.icon-youtube-logo {color: #333333;} @-webkit-keyframes spin360 {from {-webkit-transform: rotate(0deg); transform: rotate(0deg);} to {-webkit-transform: rotate(360deg); transform: rotate(360deg);}} @keyframes spin360 {from {-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);} to {-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}} .editor .label {position: absolute; top: 0; overflow: hidden;} .editor .label.twitter {width: 3000px; height: 1500px; left: -3000px;} .editor .label.twitter .bottle {left: 1230px;} .editor .label.instagram {width: 1500px; height: 1500px; left: -1500px;} .editor .label.instagram .bottle {left: 480px;} .editor .label .label-inner {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .editor .label .bottle {-webkit-transition: initial; transition: initial; -webkit-transform: none; -ms-transform: none; transform: none; top: 0; right: auto; width: 540px; height: 1500px; padding-bottom: 0;} .editor .label textarea.extra-small {font-size: 23.04px;} .editor .label textarea.small {font-size: 28.8px;} .editor .label textarea.medium {font-size: 34.56px;} .editor .label textarea.large {font-size: 40.32px;} .editor .label textarea.extra-large {font-size: 46.08px;} html, body, div, span, h1, h2, h3, h4, p, a, em, img, strong, i, ol, ul, li, article, canvas, section, main {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} body {line-height: 1;} ol, ul {list-style: none;} * {outline: none !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} html {font-size: 10px;} body {-webkit-font-smoothing: antialiased; color: #000; font-family: Arial, sans-serif; overflow-x: hidden;} body.fadedIn {opacity: 1 !important; pointer-events: auto !important;} article {display: none; width: 100vw;} .no-scroll {overflow: hidden;} .section-inner {width: -webkit-calc(100% - 6.93333333vw); width: calc(100% - 6.93333333vw); margin: 0 auto; position: relative; overflow: hidden;} #modal {margin-right: 0;} .modal-content {padding: 0; width: 73.06666667vw; max-width: none !important;} @media only screen and (min-width: 1025px) {.modal-content {width: 480px;}} .modal-close {top: 2.66666667vw; right: 2.66666667vw; background-color: transparent; padding: 0; -webkit-border-radius: 0; border-radius: 0;} @media only screen and (min-width: 1025px) {.modal-close {top: -33px; right: 13px;}} .modal-close::before {width: 3.46666667vw; height: 3.46666667vw; content: ''; background-image: url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/img/modals/x-black.svg"); -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat;} @media only screen and (min-width: 1025px) {.modal-close::before {width: 20px; height: 20px; background-image: url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/img/modals/x-white.svg");}} .modal-close:hover {background-color: transparent;} #font-preload {position: absolute; top: 0; left: 0; width: 0; height: 0; text-indent: -9999px;} #font-preload span:nth-child(1) {font-family: 'Helvetica Neue LT Std 57 Condensed'; font-style: normal; font-weight: 400; font-stretch: condensed;} #font-preload span:nth-child(2) {font-family: 'Helvetica Neue LT Std 57 Condensed Oblique'; font-style: italic; font-weight: 400; font-stretch: condensed;} #font-preload span:nth-child(3) {font-family: 'Helvetica Neue LT Std 55 Roman'; font-style: normal; font-weight: 400; font-stretch: normal;} #font-preload span:nth-child(4) {font-family: 'Helvetica Neue LT Std 56 Italic'; font-style: italic; font-weight: 400; font-stretch: normal;} #font-preload span:nth-child(5) {font-family: 'Helvetica Neue LT Std 53 Extended'; font-style: normal; font-weight: 400; font-stretch: expanded;} #font-preload span:nth-child(6) {font-family: 'Helvetica Neue LT Std 53 Extended Oblique'; font-style: italic; font-weight: 400; font-stretch: expanded;} #font-preload span:nth-child(7) {font-family: 'Helvetica Neue LT Std 77 Bold Condensed'; font-style: normal; font-weight: 700; font-stretch: condensed;} #font-preload span:nth-child(8) {font-family: 'Helvetica Neue LT Std 77 Bold Condensed Oblique'; font-style: italic; font-weight: 700; font-stretch: condensed;} #font-preload span:nth-child(9) {font-family: 'Helvetica Neue LT Std 75 Bold'; font-style: normal; font-weight: 700; font-stretch: normal;} #font-preload span:nth-child(10) {font-family: 'Helvetica Neue LT Std 76 Bold Italic'; font-style: italic; font-weight: 700; font-stretch: normal;} #font-preload span:nth-child(11) {font-family: 'Helvetica Neue LT Std 73 Bold Extended'; font-style: normal; font-weight: 700; font-stretch: expanded;} #font-preload span:nth-child(12) {font-family: 'Helvetica Neue LT Std 73 Bold Extended Oblique'; font-style: italic; font-weight: 700; font-stretch: expanded;} @media only screen and (min-width: 1025px) {.intro {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 550px;}} @media only screen and (min-width: 1025px) {.intro .subsection {display: flex !important; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 50%;}} .intro .subsection-left {display: none; background-color: #38c8c6;} .intro .subsection-left img {width: 62.43902439%; max-width: 434px; margin-right: auto; margin-bottom: 2%; margin-left: auto;} @media only screen and (min-width: 1280px) {.intro .subsection-left img {width: 60.27777778%;}} .intro .subsection-right {background-color: #38c8c6;} @media only screen and (min-width: 1025px) {.intro .subsection-right {background-color: #ffed53;}} .intro .subsection-right img {width: 62.91946309%; margin: 0 auto 4.8vw;} @media only screen and (min-width: 641px) {.intro .subsection-right img {width: 50.52432886%; margin-bottom: 3.8544vw;}} @media only screen and (min-width: 801px) {.intro .subsection-right img {width: 39.51342282%; margin-bottom: 3.0144vw;}} @media only screen and (min-width: 1025px) {.intro .subsection-right img {display: none;}} .intro .section-inner {padding: 5.33333333vw 0 7.46666667vw;} @media only screen and (min-width: 641px) {.intro .section-inner {padding-top: 4.28266667vw; padding-bottom: 5.99573333vw;}} @media only screen and (min-width: 801px) {.intro .section-inner {padding-top: 3.34933333vw; padding-bottom: 4.68906667vw;}} @media only screen and (min-width: 1025px) {.intro .section-inner {width: 100%; padding: 0 12.68292683%;}} @media only screen and (min-width: 1280px) {.intro .section-inner {padding-right: 13.61111111%; padding-left: 13.61111111%;}} .intro h1 {font-family: 'Helvetica Neue LT Std 77 Bold Condensed'; font-style: normal; font-weight: 700; font-stretch: condensed; font-size: 10.13333333vw; text-align: center; margin-bottom: 4.26666667vw; color: #ffed53;} @media only screen and (min-width: 641px) {.intro h1 {font-size: 8.13706667vw; margin-bottom: 3.42613333vw;}} @media only screen and (min-width: 801px) {.intro h1 {font-size: 6.36373333vw; margin-bottom: 2.67946667vw;}} @media only screen and (min-width: 1025px) {.intro h1 {font-family: 'Helvetica Neue LT Std 67 Medium Condensed'; font-style: normal; font-weight: 500; font-stretch: condensed; font-size: 7.6rem; text-align: left; margin-bottom: 37px; color: #000; width: 280px; line-height: 0.9;}} .intro img {display: block;} .intro .description, .intro .legal {font-family: 'Helvetica Neue LT Std 77 Bold Condensed'; font-style: normal; font-weight: 700; font-stretch: condensed; font-size: 3.73333333vw; line-height: 1.15; text-align: center; letter-spacing: 0.02666667vw; color: #fff; width: 90%; margin: 0 auto;} @media only screen and (min-width: 641px) {.intro .description, .intro .legal {font-size: 2.99786667vw; letter-spacing: 0.02141333vw; width: 72.27%;}} @media only screen and (min-width: 801px) {.intro .description, .intro .legal {font-size: 2.34453333vw; letter-spacing: 0.01674667vw; width: 56.52%;}} @media only screen and (min-width: 1025px) {.intro .description, .intro .legal {font-size: 2rem; text-align: left; letter-spacing: 0.14px; color: #000; width: 100%; margin-right: 0; margin-left: 0;}} .intro .description {margin-bottom: 7.73333333vw;} @media only screen and (min-width: 641px) {.intro .description {margin-bottom: 6.20986667vw;}} @media only screen and (min-width: 801px) {.intro .description {margin-bottom: 4.85653333vw;}} @media only screen and (min-width: 1025px) {.intro .description {font-family: 'Helvetica Neue LT Std 67 Medium Condensed'; font-style: normal; font-weight: 500; font-stretch: condensed; margin-bottom: 49px; max-width: 400px;}} .intro button {background-color: #ffed53; border: none; -webkit-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out; height: 11.2vw; padding: 0 8vw 0 12vw; margin: 0 auto 6.66666667vw; display: table;} @media only screen and (min-width: 641px) {.intro button {height: 8.9936vw; padding-right: 6.424vw; padding-left: 9.636vw; margin-bottom: 5.35333333vw;}} @media only screen and (min-width: 801px) {.intro button {height: 7.0336vw; padding-right: 5.024vw; padding-left: 7.536vw; margin-bottom: 4.18666667vw;}} @media only screen and (min-width: 1025px) {.intro button {background-color: #38c8c6; height: 42px; padding-right: 32px; padding-left: 48px; margin: 0 0 48px 0;}} .no-touch .intro button:hover {opacity: 0.75;} .intro button span, .intro button svg {display: inline-block; vertical-align: middle;} .intro button span {font-family: 'Helvetica Neue LT Std 77 Bold Condensed'; font-style: normal; font-weight: 700; font-stretch: condensed; font-size: 4.26666667vw; color: #000; margin-right: 2.66666667vw;} @media only screen and (min-width: 641px) {.intro button span {font-size: 3.42613333vw; margin-right: 2.66666667vw 0.803;}} @media only screen and (min-width: 801px) {.intro button span {font-size: 2.67946667vw; margin-right: 2.66666667vw 0.628;}} @media only screen and (min-width: 1025px) {.intro button span {font-size: 1.6rem; color: #fff; margin-right: 10px;}} .intro button svg {width: 5.86666667vw; height: 11.2vw; fill: #000;} @media only screen and (min-width: 641px) {.intro button svg {width: 4.71093333vw; height: 8.9936vw;}} @media only screen and (min-width: 801px) {.intro button svg {width: 3.68426667vw; height: 7.0336vw;}} @media only screen and (min-width: 1025px) {.intro button svg {width: 22px; height: 42px; fill: #fff;}} .intro .legal {padding-bottom: 1.33333333vw;} @media only screen and (min-width: 641px) {.intro .legal {padding-bottom: 1.07066667vw;}} @media only screen and (min-width: 801px) {.intro .legal {padding-bottom: 0.83733333vw;}} @media only screen and (min-width: 1025px) {.intro .legal {padding-bottom: 5px; max-width: 430px; font-size: 1.8rem;}} .intro .legal a {color: #fff; text-decoration: none; border-bottom: 0.53333333vw solid #ffffff; display: inline-block; padding-bottom: 0.53333333vw; -webkit-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out; margin-bottom: -1.06666667vw;} @media only screen and (min-width: 641px) {.intro .legal a {border-bottom-width: 0.42826667vw; padding-bottom: 0.42826667vw; margin-bottom: -0.85653333vw;}} @media only screen and (min-width: 801px) {.intro .legal a {border-bottom-width: 0.33493333vw; padding-bottom: 0.33493333vw; margin-bottom: -0.66986667vw;}} @media only screen and (min-width: 1025px) {.intro .legal a {color: #000; border-bottom-width: 2px; border-bottom-color: #000; padding-bottom: 2px; margin-bottom: -4px;}} .no-touch .intro .legal a:hover {opacity: 0.75;} .media-grid {padding: 5.06666667vw 0 0;} @media only screen and (min-width: 641px) {.media-grid {padding-top: 4.06853333vw;}} @media only screen and (min-width: 801px) {.media-grid {padding-top: 3.18186667vw;}} @media only screen and (min-width: 1025px) {.media-grid {padding-top: 43px;}} .media-grid h2 {font-family: 'Helvetica Neue LT Std 77 Bold Condensed'; font-style: normal; font-weight: 700; font-stretch: condensed; font-size: 8.53333333vw; text-align: center; margin-bottom: 6.4vw; color: #000; letter-spacing: -0.21333333vw;} @media only screen and (min-width: 641px) {.media-grid h2 {font-size: 6.85226667vw; margin-bottom: 5.1392vw; letter-spacing: -0.17130667vw;}} @media only screen and (min-width: 801px) {.media-grid h2 {font-size: 5.35893333vw; margin-bottom: 4.0192vw; letter-spacing: -0.13397333vw;}} @media only screen and (min-width: 1025px) {.media-grid h2 {font-size: 3.6rem; margin-bottom: 31px; letter-spacing: -0.87px;}} .media-grid .grid {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;} @media only screen and (min-width: 1025px) {.media-grid .grid {width: 900px; margin-right: auto; margin-left: auto;}} .media-grid .square {position: relative; width: -webkit-calc((100% / 2) - 1.6vw); width: calc((100% / 2) - 1.6vw); margin-bottom: 6.13333333vw; background-color: #f7f7f7; -webkit-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out;} @media only screen and (min-width: 721px) {.media-grid .square {width: -webkit-calc((100% / 3) - 2.13333333vw); width: calc((100% / 3) - 2.13333333vw);}} @media only screen and (min-width: 1025px) {.media-grid .square {width: -webkit-calc((100% / 4) - 12px); width: calc((100% / 4) - 12px); margin-bottom: 28px;}} .media-grid .square::before {content: ''; display: block; padding-top: 120%;} .media-grid .square:nth-child(5), .media-grid .square:nth-child(6) {margin-bottom: 0;} @media only screen and (min-width: 721px) {.media-grid .square:nth-child(5), .media-grid .square:nth-child(6) {margin-bottom: 6.13333333vw;}} @media only screen and (min-width: 1025px) {.media-grid .square:nth-child(5), .media-grid .square:nth-child(6) {margin-bottom: 28px;}} @media only screen and (min-width: 721px) {.media-grid .square:nth-child(7), .media-grid .square:nth-child(8), .media-grid .square:nth-child(9) {margin-bottom: 0;}} @media only screen and (min-width: 1025px) {.media-grid .square:nth-child(7), .media-grid .square:nth-child(8), .media-grid .square:nth-child(9) {margin-bottom: 28px;}} @media only screen and (min-width: 1025px) {.media-grid .square:nth-child(9), .media-grid .square:nth-child(10), .media-grid .square:nth-child(11), .media-grid .square:nth-child(12) {margin-bottom: 0;}} .no-touch .media-grid .square:hover {opacity: 0.75;} .media-grid .content {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .media-grid .status {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -ms-perspective: 1000; perspective: 1000; opacity: 0; -webkit-transition: opacity 600ms ease-out; transition: opacity 600ms ease-out;} .media-grid .status.shown {opacity: 1;} .media-grid .image {position: absolute; top: 0; left: 0; width: 100%; height: -webkit-calc(83.33333333% + 1px); height: calc(83.33333333% + 1px); -webkit-background-size: cover; background-size: cover; background-position: center;} .media-grid .attribution {position: absolute; bottom: 0; left: 0; width: 100%; height: 16.66666667%;} .media-grid .attribution p {font-family: 'Helvetica Neue LT Std 55 Roman'; font-style: normal; font-weight: 400; font-stretch: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 2.93333333vw; position: absolute; top: 50%; left: 2.13333333vw; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: -webkit-calc(100% - 10.66666667vw); width: calc(100% - 10.66666667vw); line-height: 2;} @media only screen and (min-width: 721px) {.media-grid .attribution p {font-size: 1.88626907vw;}} @media only screen and (min-width: 1025px) {.media-grid .attribution p {font-size: 1.4rem; left: 10px; width: -webkit-calc(100% - 50px); width: calc(100% - 50px);}} .media-grid .attribution i {font-size: 4.8vw; position: absolute; right: 1.6vw; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} @media only screen and (min-width: 721px) {.media-grid .attribution i {font-size: 3.09292649vw;}} @media only screen and (min-width: 1025px) {.media-grid .attribution i {font-size: 2.52rem; right: 8px;}} .media-grid .attribution i.icon-instagram-logo {font-size: 5.33333333vw;} @media only screen and (min-width: 721px) {.media-grid .attribution i.icon-instagram-logo {font-size: 3.43273232vw;}} @media only screen and (min-width: 1025px) {.media-grid .attribution i.icon-instagram-logo {font-size: 2.8rem;}} .select-a-flavor h2 {font-family: 'Helvetica Neue LT Std 77 Bold Condensed'; font-style: normal; font-weight: 700; font-stretch: condensed; font-size: 8.53333333vw; text-align: center; margin-bottom: 6.4vw; color: #000; letter-spacing: -0.21333333vw;} @media only screen and (min-width: 1025px) {.select-a-flavor h2 {font-size: 3.6rem; margin-bottom: 3.3rem; letter-spacing: -0.085rem;}} .select-a-flavor .grid {position: relative; width: 100%; height: 0; padding-bottom: 153.2%;} @media only screen and (min-width: 1025px) {.select-a-flavor .grid {width: 942px; height: 808px; padding-bottom: 0; margin-right: auto; margin-left: auto;}} .select-a-flavor .grid-inner {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between;} .select-a-flavor .square {position: relative; width: 32%; height: 23.9%; color: #fff; cursor: pointer; -webkit-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out; overflow: hidden;} @media only screen and (min-width: 1025px) {.select-a-flavor .square {width: 225px; height: 258px;}} .no-touch .select-a-flavor .square:hover {opacity: 0.75;} .select-a-flavor .content {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 120% 60%; background-repeat: no-repeat; -webkit-background-size: 39%; background-size: 39%;} .select-a-flavor .rectangle {position: relative; width: 66%; margin: 0; color: #fff; background-color: #e92877;} @media only screen and (min-width: 1025px) {.select-a-flavor .rectangle {width: 464px;}} .select-a-flavor .rectangle p {display: table; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family: 'Helvetica Neue LT Std 77 Bold Condensed'; font-style: normal; font-weight: 700; font-stretch: condensed; text-align: center; font-size: 5.6vw; line-height: 1.2; padding: 0 1.86666667vw; width: 100%;} @media only screen and (min-width: 1025px) {.select-a-flavor .rectangle p {font-size: 3.6rem; padding-right: 5.9%; padding-left: 5.9%;}} .select-a-flavor .name-container {width: 100%; height: 29%; position: relative; margin-bottom: 4%;} @media only screen and (min-width: 1025px) {.select-a-flavor .name-container {height: 31.5%; margin-bottom: 3.5%;}} .select-a-flavor h3 {font-family: 'Helvetica Neue LT Std 75 Bold'; font-style: normal; font-weight: 700; font-stretch: normal; font-size: 4.26666667vw; line-height: 0.9; position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 6%;} @media only screen and (min-width: 1025px) {.select-a-flavor h3 {font-size: 3.2rem; line-height: 1;}} .select-a-flavor h4 {font-family: 'Helvetica Neue LT Std 67 Medium Condensed'; font-style: normal; font-weight: 500; font-stretch: condensed; font-size: 2.93333333vw; line-height: 1.2; padding: 0 6%;} @media only screen and (min-width: 1025px) {.select-a-flavor h4 {font-size: 2.2rem; line-height: 1.1;}} .select-a-flavor .bottle {position: absolute; top: 0; right: 0; width: 30%; height: 100%; overflow: hidden;} .select-a-flavor .bottle-inner {position: absolute; top: 0; left: -79.5%; width: 180%; height: 100%; background-image: url("//mass-relevance-all-access.massrel.io/template-static-09718099c32d107985e35742c59e622dab7e39fe/img/flavors.png"); background-repeat: no-repeat; -webkit-background-size: 1000% auto; background-size: 1000% auto; -webkit-background-origin: content-box; background-origin: content-box; padding: 5% 0;} .select-a-flavor .bottle-inner.squeezed-zero {background-position: 0% center;} .select-a-flavor .bottle-inner.xxx-zero {background-position: 11.11111111% center;} .select-a-flavor .bottle-inner.rise-zero {background-position: 22.22222222% center;} .select-a-flavor .bottle-inner.shine-zero {background-position: 33.33333333% center;} .select-a-flavor .bottle-inner.essential {background-position: 44.44444444% center;} .select-a-flavor .bottle-inner.refresh {background-position: 55.55555556% center;} .select-a-flavor .bottle-inner.xxx {background-position: 66.66666667% center;} .select-a-flavor .bottle-inner.energy {background-position: 77.77777778% center;} .select-a-flavor .bottle-inner.focus {background-position: 88.88888889% center;} .select-a-flavor .bottle-inner.power-c {background-position: 100% center;} .editor {position: relative; overflow: hidden;} .editor.submit-state .buttons .back, .editor.share-state .buttons .back {top: 16.53333333vw;} .editor.submit-state .buttons .submit {opacity: 1; pointer-events: auto;} .editor.submit-state .buttons .share {opacity: 0; pointer-events: none;} @media only screen and (min-width: 1025px) {.editor.submit-state .buttons .back {opacity: 0; pointer-events: none;}} .editor.share-state .buttons .submit {opacity: 0; pointer-events: none;} .editor.share-state .buttons .share {opacity: 1; pointer-events: auto;} .editor.share-state .buttons .back {opacity: 0; pointer-events: none;} .editor.share-state .buttons .restart {opacity: 1; pointer-events: auto;} .editor .bottle-outer {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;} @media only screen and (min-width: 1025px) {.editor .bottle-outer {position: relative; top: auto; left: auto; width: 840px; height: 672px; margin: -672px auto 0;}} .editor .bottle {display: block; position: absolute; top: -61.50666667vw; right: -39.50666667vw; width: 100vw; height: 0; padding-bottom: 277.77777778%; -webkit-transition: -webkit-transform 450ms ease-out, top 450ms ease-out, right 450ms ease-out; transition: transform 450ms ease-out, top 450ms ease-out, right 450ms ease-out; -webkit-transform: scale(0.52) translate3d(0, 0, 0); -ms-transform: scale(0.52) translate3d(0, 0, 0); transform: scale(0.52) translate3d(0, 0, 0); cursor: pointer; pointer-events: auto;} @media only screen and (min-width: 1025px) {.editor .bottle {top: -914px; right: -247px; width: 900px; height: 2500px; padding-bottom: 0; -webkit-transform: scale(0.2688) translate3d(0, 0, 0); -ms-transform: scale(0.2688) translate3d(0, 0, 0); transform: scale(0.2688) translate3d(0, 0, 0);}} .editor .bottle.zoom {top: -135.5vw; right: -4vw; -webkit-transform: scale(0.96) translate3d(0, 0, 0); -ms-transform: scale(0.96) translate3d(0, 0, 0); transform: scale(0.96) translate3d(0, 0, 0); cursor: auto;} @media only screen and (min-width: 1025px) {.editor .bottle.zoom {top: -175%; right: -225px; -webkit-transform: scale(0.5) translate3d(0, 0, 0); -ms-transform: scale(0.5) translate3d(0, 0, 0); transform: scale(0.5) translate3d(0, 0, 0);}} .editor .bottle.share {top: -67.50666667vw; right: -22vw; -webkit-transform: scale(0.47) translate3d(0, 0, 0); -ms-transform: scale(0.47) translate3d(0, 0, 0); transform: scale(0.47) translate3d(0, 0, 0); cursor: auto;} @media only screen and (min-width: 1025px) {.editor .bottle.share {top: -914px; right: -31px; -webkit-transform: scale(0.2688) translate3d(0, 0, 0); -ms-transform: scale(0.2688) translate3d(0, 0, 0); transform: scale(0.2688) translate3d(0, 0, 0);}} .editor .bottle-inner {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;} .editor .textarea-container {position: absolute; top: 62.5%; left: 26.8%; width: 55%; height: 27%;} .editor textarea {display: block; position: absolute; border: none; -webkit-border-radius: 0; border-radius: 0; resize: none; padding: 0; background-color: transparent; overflow: hidden; line-height: 1.2; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; appearance: none;} .editor textarea:disabled {pointer-events: none; opacity: 1;} .editor textarea.bold.tight {font-family: 'Helvetica Neue LT Std 77 Bold Condensed'; font-style: normal; font-weight: 700; font-stretch: condensed;} .editor textarea.bold.normal {font-family: 'Helvetica Neue LT Std 75 Bold'; font-style: normal; font-weight: 700; font-stretch: normal;} .editor textarea.bold.wide {font-family: 'Helvetica Neue LT Std 73 Bold Extended'; font-style: normal; font-weight: 700; font-stretch: expanded;} .editor textarea.italic.tight {font-family: 'Helvetica Neue LT Std 57 Condensed Oblique'; font-style: italic; font-weight: 400; font-stretch: condensed;} .editor textarea.italic.normal {font-family: 'Helvetica Neue LT Std 56 Italic'; font-style: italic; font-weight: 400; font-stretch: normal;} .editor textarea.italic.wide {font-family: 'Helvetica Neue LT Std 53 Extended Oblique'; font-style: italic; font-weight: 400; font-stretch: expanded;} .editor textarea.bold.italic.tight {font-family: 'Helvetica Neue LT Std 77 Bold Condensed Oblique'; font-style: italic; font-weight: 700; font-stretch: condensed;} .editor textarea.bold.italic.normal {font-family: 'Helvetica Neue LT Std 76 Bold Italic'; font-style: italic; font-weight: 700; font-stretch: normal;} .editor textarea.bold.italic.wide {font-family: 'Helvetica Neue LT Std 73 Bold Extended Oblique'; font-style: italic; font-weight: 700; font-stretch: expanded;} .editor textarea.extra-small {font-size: 4.26666667vw;} @media only screen and (min-width: 1025px) {.editor textarea.extra-small {font-size: 38.4px;}} .editor textarea.small {font-size: 5.33333333vw;} @media only screen and (min-width: 1025px) {.editor textarea.small {font-size: 48px;}} .editor textarea.medium {font-size: 6.4vw;} @media only screen and (min-width: 1025px) {.editor textarea.medium {font-size: 57.6px;}} .editor textarea.large {font-size: 7.46666667vw;} @media only screen and (min-width: 1025px) {.editor textarea.large {font-size: 67.2px;}} .editor textarea.extra-large {font-size: 8.53333333vw;} @media only screen and (min-width: 1025px) {.editor textarea.extra-large {font-size: 76.8px;}} .editor textarea[data-spin="0"], .editor textarea[data-spin="180"] {top: 0; left: 0; width: 100%; height: 100%;} .iossafari .editor textarea[data-spin="0"], .iossafari .editor textarea[data-spin="180"] {left: -3px; width: -webkit-calc(100% + 6px); width: calc(100% + 6px);} .editor textarea[data-spin="30"], .editor textarea[data-spin="150"], .editor textarea[data-spin="210"], .editor textarea[data-spin="330"] {top: 17%; left: 17%; width: 66%; height: 66%;} .iossafari .editor textarea[data-spin="30"], .iossafari .editor textarea[data-spin="150"], .iossafari .editor textarea[data-spin="210"], .iossafari .editor textarea[data-spin="330"] {left: -webkit-calc(17% - 3px); left: calc(17% - 3px); width: -webkit-calc(66% + 6px); width: calc(66% + 6px);} .editor textarea[data-spin="60"], .editor textarea[data-spin="120"], .editor textarea[data-spin="240"], .editor textarea[data-spin="300"] {top: 20%; left: 20%; width: 60%; height: 60%;} .iossafari .editor textarea[data-spin="60"], .iossafari .editor textarea[data-spin="120"], .iossafari .editor textarea[data-spin="240"], .iossafari .editor textarea[data-spin="300"] {left: -webkit-calc(20% - 3px); left: calc(20% - 3px); width: -webkit-calc(60% + 6px); width: calc(60% + 6px);} .editor textarea[data-spin="90"], .editor textarea[data-spin="270"] {top: 13%; left: -18%; width: 136%; height: 74%;} .iossafari .editor textarea[data-spin="90"], .iossafari .editor textarea[data-spin="270"] {left: -webkit-calc(-18% - 3px); left: calc(-18% - 3px); width: -webkit-calc(136% + 6px); width: calc(136% + 6px);} .editor textarea[data-spin="0"] {-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);} .editor textarea[data-spin="30"] {-webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg);} .editor textarea[data-spin="60"] {-webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg);} .editor textarea[data-spin="90"] {-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);} .editor textarea[data-spin="120"] {-webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg);} .editor textarea[data-spin="150"] {-webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg);} .editor textarea[data-spin="180"] {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} .editor textarea[data-spin="210"] {-webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg);} .editor textarea[data-spin="240"] {-webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg);} .editor textarea[data-spin="270"] {-webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);} .editor textarea[data-spin="300"] {-webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg);} .editor textarea[data-spin="330"] {-webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg);} .editor textarea.tight {font-family: 'Helvetica Neue LT Std 57 Condensed'; font-style: normal; font-weight: 400; font-stretch: condensed;} .editor textarea.normal {font-family: 'Helvetica Neue LT Std 55 Roman'; font-style: normal; font-weight: 400; font-stretch: normal;} .editor textarea.wide {font-family: 'Helvetica Neue LT Std 53 Extended'; font-style: normal; font-weight: 400; font-stretch: expanded;} .editor textarea.align-left {text-align: left;} .editor textarea.align-center {text-align: center;} .editor textarea.align-right {text-align: right;} .editor .content {height: 0; padding-bottom: 135%; position: relative;} @media only screen and (min-width: 1025px) {.editor .content {height: 410px; padding-bottom: 0; -webkit-transition: background-color 150ms; transition: background-color 150ms;}} .editor .content-inner {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .editor .content-inner .section-inner {overflow: visible;} .editor .section-inner {height: 100%;} @media only screen and (min-width: 1025px) {.editor .section-inner {width: 840px;}} .editor .name-container {width: 100%; height: 20%; position: relative; margin-bottom: 2%;} @media only screen and (min-width: 1025px) {.editor .name-container {height: 175px; margin-bottom: 8px;}} .editor .start-text h3 {font-family: 'Helvetica Neue LT Std 75 Bold'; font-style: normal; font-weight: 700; font-stretch: normal; font-size: 13.33333333vw; line-height: 0.8; position: absolute; left: 0; bottom: 0; width: 100%;} @media only screen and (min-width: 1025px) {.editor .start-text h3 {font-size: 7.6rem;}} .editor .start-text p {margin-right: 5%;} .editor .share-text h3 {font-family: 'Helvetica Neue LT Std 77 Bold Condensed'; font-style: normal; font-weight: 700; font-stretch: condensed; font-size: 10.13333333vw; margin-top: 17.06666667vw; margin-bottom: 6.4vw; width: 41.33333333vw;} @media only screen and (min-width: 1025px) {.editor .share-text h3 {font-family: 'Helvetica Neue LT Std 67 Medium Condensed'; font-style: normal; font-weight: 500; font-stretch: condensed; font-size: 7.6rem; margin-top: 70px; margin-bottom: 37px; width: 260px; line-height: 0.9;}} .editor .share-text .description {font-family: 'Helvetica Neue LT Std 67 Medium Condensed'; font-style: normal; font-weight: 500; font-stretch: condensed; font-size: 6.13333333vw; margin-bottom: 6.4vw; width: 41.33333333vw; line-height: 1.15;} @media only screen and (min-width: 1025px) {.editor .share-text .description {font-size: 2rem; margin-bottom: 37px; width: 260px; letter-spacing: 0.14px;}} .editor .share-text .description span {font-family: 'Helvetica Neue LT Std 77 Bold Condensed'; font-style: normal; font-weight: 700; font-stretch: condensed; letter-spacing: 0.35px;} .editor .share-text .extra {font-family: 'Helvetica Neue LT Std 57 Condensed Oblique'; font-style: italic; font-weight: 400; font-stretch: condensed; font-size: 4.53333333vw; width: 41.33333333vw; line-height: 1.15;} @media only screen and (min-width: 1025px) {.editor .share-text .extra {font-size: 1.7rem; width: 260px; letter-spacing: 0.14px;}} .editor h4 {font-family: 'Helvetica Neue LT Std 67 Medium Condensed'; font-style: normal; font-weight: 500; font-stretch: condensed; font-size: 6.66666667vw; line-height: 1.2;} @media only screen and (min-width: 1025px) {.editor h4 {font-size: 4.6rem;}} .editor .instructions {position: absolute; left: 0; bottom: 14%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 62%;} @media only screen and (min-width: 1025px) {.editor .instructions {bottom: -120px; width: 54.4047619%;}} .editor .instructions .message {width: 80%; line-height: 1.0625;} @media only screen and (min-width: 1025px) {.editor .instructions .message {width: 58.20568928%; line-height: 0.9;}} .editor .instructions .message p {font-family: 'Helvetica Neue LT Std 67 Medium Condensed'; font-style: normal; font-weight: 500; font-stretch: condensed; font-size: 6.66666667vw;} @media only screen and (min-width: 1025px) {.editor .instructions .message p {font-size: 3.2rem;}} .editor .instructions .arrow {width: 20%;} @media only screen and (min-width: 1025px) {.editor .instructions .arrow {width: 41.79431072%;}} .editor .instructions svg {width: 100%; height: 100%; display: inline-block;} @media only screen and (min-width: 1025px) {.editor .instructions svg.arrow-small {display: none;}} .editor .instructions svg.arrow-large {display: none;} @media only screen and (min-width: 1025px) {.editor .instructions svg.arrow-large {display: inline-block;}} .editor .background-text {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out;} .editor .background-text.hidden {opacity: 0; pointer-events: none;} @media only screen and (min-width: 1025px) {.editor .buttons {-webkit-transition: background-color 150ms; transition: background-color 150ms;}} .editor .buttons .section-inner {height: 29.86666667vw;} @media only screen and (min-width: 1025px) {.editor .buttons .section-inner {height: 262px;}} .editor .buttons button, .editor .buttons a {color: #000; display: block; -webkit-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out;} .no-touch .editor .buttons button:hover, .no-touch .editor .buttons a:hover {opacity: 0.75;} .editor .buttons button svg, .editor .buttons a svg, .editor .buttons button span, .editor .buttons a span, .editor .buttons button i, .editor .buttons a i {display: inline-block; vertical-align: middle;} .editor .buttons button {border: none; background-color: transparent; padding: 0;} .editor .buttons a {text-decoration: none; text-align: center;} .editor .buttons .submit, .editor .buttons .share {-webkit-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out; position: absolute; top: 0; left: 0; width: 100%; padding-top: 4.53333333vw; opacity: 0; pointer-events: none;} @media only screen and (min-width: 1025px) {.editor .buttons .submit, .editor .buttons .share {padding-top: 20px;}} .editor .buttons .submit button, .editor .buttons .share button, .editor .buttons .submit a, .editor .buttons .share a {border-width: 0.53333333vw; border-style: solid;} @media only screen and (min-width: 1025px) {.editor .buttons .submit button, .editor .buttons .share button, .editor .buttons .submit a, .editor .buttons .share a {border: none;}} .editor .buttons .submit button i, .editor .buttons .share button i, .editor .buttons .submit a i, .editor .buttons .share a i, .editor .buttons .submit button span, .editor .buttons .share button span, .editor .buttons .submit a span, .editor .buttons .share a span {line-height: 11.2vw;} @media only screen and (min-width: 1025px) {.editor .buttons .submit button i, .editor .buttons .share button i, .editor .buttons .submit a i, .editor .buttons .share a i, .editor .buttons .submit button span, .editor .buttons .share button span, .editor .buttons .submit a span, .editor .buttons .share a span {line-height: 50px;}} .editor .buttons .submit button i, .editor .buttons .share button i, .editor .buttons .submit a i, .editor .buttons .share a i {margin-right: 0.50666667vw;} @media only screen and (min-width: 1025px) {.editor .buttons .submit button i, .editor .buttons .share button i, .editor .buttons .submit a i, .editor .buttons .share a i {margin-right: 7px;}} .editor .buttons .submit button span, .editor .buttons .share button span, .editor .buttons .submit a span, .editor .buttons .share a span {font-family: 'Helvetica Neue LT Std 67 Medium Condensed'; font-style: normal; font-weight: 500; font-stretch: condensed; font-size: 4.26666667vw;} @media only screen and (min-width: 1025px) {.editor .buttons .submit button span, .editor .buttons .share button span, .editor .buttons .submit a span, .editor .buttons .share a span {font-size: 1.8rem;}} @media only screen and (min-width: 1025px) {.editor .buttons .submit {width: 189px; height: 143px;}} .editor .buttons .submit.loading {padding-right: 4.8vw;} @media only screen and (min-width: 1025px) {.editor .buttons .submit.loading {padding-right: 0;}} .editor .buttons .submit.loading button {display: none;} .editor .buttons .submit.loading .spinner {display: block; opacity: 1; pointer-events: none;} .editor .buttons .submit button {padding: 0 9.06666667vw; margin: 0 auto;} @media only screen and (min-width: 1025px) {.editor .buttons .submit button {display: none;}} .editor .buttons .submit button:disabled {opacity: 0.5;} .editor .buttons .submit .spinner {width: 4.8vw; height: 4.8vw; -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-animation: spin360 300ms infinite linear; animation: spin360 300ms infinite linear; opacity: 0; pointer-events: none; -webkit-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out; display: none; margin: 1.06666667vw auto 0;} @media only screen and (min-width: 1025px) {.editor .buttons .submit .spinner {width: 21px; height: 21px; margin-top: 40px;}} @media only screen and (min-width: 1025px) {.editor .buttons .twitter {margin-bottom: 23px; padding-left: 18px;}} .editor .buttons .twitter i {font-size: 5.86666667vw; top: 0.26666667vw;} @media only screen and (min-width: 1025px) {.editor .buttons .twitter i {font-size: 27px; top: auto;}} @media only screen and (min-width: 1025px) {.editor .buttons .instagram {padding-left: 15px;}} .editor .buttons .instagram i {font-size: 6.4vw; top: 0.53333333vw;} @media only screen and (min-width: 1025px) {.editor .buttons .instagram i {font-size: 30px; top: auto;}} .editor .buttons .share {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;} @media only screen and (min-width: 1025px) {.editor .buttons .share {display: block;}} .editor .buttons .share button, .editor .buttons .share a {width: -webkit-calc(48.4%); width: calc(48.4%);} @media only screen and (min-width: 1025px) {.editor .buttons .share button, .editor .buttons .share a {width: 210px; text-align: left;}} .editor .buttons .back, .editor .buttons .restart {position: absolute; left: 0;} .editor .buttons .back svg, .editor .buttons .restart svg, .editor .buttons .back span, .editor .buttons .restart span {line-height: 13.33333333vw;} @media only screen and (min-width: 1025px) {.editor .buttons .back svg, .editor .buttons .restart svg, .editor .buttons .back span, .editor .buttons .restart span {line-height: 42px;}} .editor .buttons .back svg, .editor .buttons .restart svg {width: 5.33333333vw; height: 5.33333333vw; margin-right: 1.86666667vw;} @media only screen and (min-width: 1025px) {.editor .buttons .back svg, .editor .buttons .restart svg {width: 24px; height: 24px; margin-right: 10px;}} .editor .buttons .back span, .editor .buttons .restart span {font-family: 'Helvetica Neue LT Std 67 Medium Condensed'; font-style: normal; font-weight: 500; font-stretch: condensed; font-size: 3.73333333vw;} @media only screen and (min-width: 1025px) {.editor .buttons .back span, .editor .buttons .restart span {font-size: 2rem;}} .editor .buttons .back {top: 0; -webkit-transition: top 150ms ease-out; transition: top 150ms ease-out;} @media only screen and (min-width: 1025px) {.editor .buttons .back {top: auto; bottom: 18px;}} .editor .buttons .restart {top: 16.53333333vw; opacity: 0; pointer-events: none;} @media only screen and (min-width: 1025px) {.editor .buttons .restart {top: auto; bottom: 18px;}} .control-panel {position: fixed; left: 0; width: 100%; z-index: 1; -webkit-transition: bottom 150ms ease-out; transition: bottom 150ms ease-out; color: #000;} @media only screen and (min-width: 1025px) {.control-panel {bottom: auto !important; top: 0; width: 375px; -webkit-transition: left 150ms ease-out; transition: left 150ms ease-out;}} .control-panel.hidden {bottom: -59.73333333vw;} @media only screen and (min-width: 1025px) {.control-panel.hidden {left: -375px;}} .control-panel.peeking {bottom: -48vw;} @media only screen and (min-width: 1025px) {.control-panel.peeking {left: 0;}} .control-panel.shown {bottom: 0;} @media only screen and (min-width: 1025px) {.control-panel.shown {left: 0;}} .control-panel .tabs-container {padding-bottom: 11.73333333vw; height: 0; position: relative;} @media only screen and (min-width: 1025px) {.control-panel .tabs-container {display: none;}} .control-panel .tabs {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;} .control-panel .tab {background-color: #f7f7f7; height: 11.73333333vw; line-height: 11.73333333vw; cursor: pointer;} .control-panel .tab.text {width: 43.2%;} .control-panel .tab.text svg {stroke: #9e9eaf; width: 13.27160494%;} .control-panel .tab.alignment {width: 43.2%;} .control-panel .tab.alignment svg {width: 11.72839506%;} .control-panel .tab.toggle {width: 13.06666667%; background-color: #fff;} .control-panel .tab.toggle.show-minimize .maximize {display: none;} .control-panel .tab.toggle.show-maximize .minimize {display: none;} .control-panel .tab.toggle svg {width: 40.81632653%; fill: #000;} .control-panel .tab.selected {background-color: #fff; cursor: auto;} .control-panel .tab.selected.text {stroke: #000;} .control-panel .tab.selected svg {fill: #000;} .control-panel .tab svg {display: block; fill: #9e9eaf; height: 100%; margin: 0 auto;} .control-panel .options-rows-container {width: 200vw; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: left 150ms ease-out; transition: left 150ms ease-out;} @media only screen and (min-width: 1025px) {.control-panel .options-rows-container {width: 100%; display: block;}} .control-panel .options-rows-container.display-text {left: 0;} .control-panel .options-rows-container.display-alignment {left: -100vw;} @media only screen and (min-width: 1025px) {.control-panel .options-rows-container.display-alignment {left: auto;}} .control-panel .options-rows {background-color: #fff; width: 50%;} @media only screen and (min-width: 1025px) {.control-panel .options-rows {width: 100%;}} @media only screen and (min-width: 1025px) {.control-panel .options-rows.text {padding-top: 60px;}} .control-panel .options-rows.text .options-row-container {padding-bottom: 11.73333333vw; height: 0; position: relative; border-top: 0.26666667vw solid #babac6;} @media only screen and (min-width: 1025px) {.control-panel .options-rows.text .options-row-container {padding-bottom: 0; height: 54px; border-top-width: 1px;}} .control-panel .options-rows.text .options-row {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 4.8%; padding-right: 4.8%;} .control-panel .options-rows.text .options-row.size p, .control-panel .options-rows.text .options-row.stretch p {font-family: 'Helvetica Neue LT Std 65 Medium'; font-style: normal; font-weight: 500; font-stretch: normal; font-size: 4vw;} @media only screen and (min-width: 1025px) {.control-panel .options-rows.text .options-row.size p, .control-panel .options-rows.text .options-row.stretch p {font-size: 15px;}} .control-panel .options-rows.text .options-row.style .options, .control-panel .options-rows.text .options-row.size .options, .control-panel .options-rows.text .options-row.stretch .options {-webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;} .control-panel .options-rows.text .options-row.style .option, .control-panel .options-rows.text .options-row.size .option, .control-panel .options-rows.text .options-row.stretch .option {position: relative; height: 100%;} .control-panel .options-rows.text .options-row.style p, .control-panel .options-rows.text .options-row.size p, .control-panel .options-rows.text .options-row.stretch p {display: table; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #babac6; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .control-panel .options-rows.text .options-row.style .option {width: 50%;} .control-panel .options-rows.text .options-row.style .option.bold p {font-family: 'Helvetica Neue LT Std 75 Bold'; font-style: normal; font-weight: 700; font-stretch: normal; font-size: 6.10666667vw;} @media only screen and (min-width: 1025px) {.control-panel .options-rows.text .options-row.style .option.bold p {font-size: 23px;}} .control-panel .options-rows.text .options-row.style .option.italic p {font-family: 'Helvetica Neue LT Std 56 Italic'; font-style: italic; font-weight: 400; font-stretch: normal; font-size: 6.10666667vw;} @media only screen and (min-width: 1025px) {.control-panel .options-rows.text .options-row.style .option.italic p {font-size: 23px;}} .control-panel .options-rows.text .options-row.size .option {width: 20%;} .control-panel .options-rows.text .options-row.spin .option {width: 50%;} .control-panel .options-rows.text .options-row.spin .option.clockwise {padding-right: 1.5%;} .control-panel .options-rows.text .options-row.spin .option.counterclockwise {padding-left: 1.5%;} .control-panel .options-rows.text .options-row.spin button {-webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0.26666667vw solid #babac6; background-color: #f7f7f7; -webkit-border-radius: 1vw; border-radius: 1vw; width: 100%; height: 8.6vw; padding: 0;} @media only screen and (min-width: 1025px) {.control-panel .options-rows.text .options-row.spin button {border-width: 1px; -webkit-border-radius: 4px; border-radius: 4px; height: 32px;}} .control-panel .options-rows.text .options-row.spin svg, .control-panel .options-rows.text .options-row.spin span {display: inline-block; vertical-align: middle;} .control-panel .options-rows.text .options-row.spin svg {width: 4vw; margin-right: 0.50666667vw; fill: #000; stroke: #000;} @media only screen and (min-width: 1025px) {.control-panel .options-rows.text .options-row.spin svg {width: 15px; margin-right: 2px;}} .control-panel .options-rows.text .options-row.spin span {font-family: 'Helvetica Neue LT Std 65 Medium'; font-style: normal; font-weight: 500; font-stretch: normal; font-size: 2.4vw; white-space: nowrap;} @media only screen and (min-width: 1025px) {.control-panel .options-rows.text .options-row.spin span {font-size: 9px;}} .control-panel .options-rows.text .options-row.stretch .option {width: 33.33333333%;} .control-panel .options-rows.text h4 {font-family: 'Helvetica Neue LT Std 77 Bold Condensed'; font-style: normal; font-weight: 700; font-stretch: condensed; font-size: 4vw; width: 18.66666667%; margin: auto 0;} @media only screen and (min-width: 1025px) {.control-panel .options-rows.text h4 {font-size: 15px;}} .control-panel .options-rows.text .options {width: 81.33333333%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;} .control-panel .options-rows.text .options .option {cursor: pointer;} .control-panel .options-rows.text .options .option.selected p {color: #000;} .control-panel .options-rows.text .options p {text-align: center;} .control-panel .options-rows.alignment {border-top: 0.26666667vw solid #babac6; padding-left: 4.8%; padding-right: 4.8%;} @media only screen and (min-width: 1025px) {.control-panel .options-rows.alignment {border-top-width: 1px;} .control-panel .options-rows.alignment:before, .control-panel .options-rows.alignment:after {content: ' '; display: table;} .control-panel .options-rows.alignment:after {clear: both;} .control-panel .options-rows.alignment:before, .control-panel .options-rows.alignment:after {content: ' '; display: table;} .control-panel .options-rows.alignment:after {clear: both;}} .control-panel .options-rows.alignment h4 {font-family: 'Helvetica Neue LT Std 77 Bold Condensed'; font-style: normal; font-weight: 700; font-stretch: condensed; font-size: 4vw; margin: 3.86666667vw 0 3.06666667vw 4.8vw;} @media only screen and (min-width: 1025px) {.control-panel .options-rows.alignment h4 {font-size: 15px; margin: 19px 0; float: left; width: 20%;}} @media only screen and (min-width: 1025px) {.control-panel .options-rows.alignment h4 span {display: none;}} .control-panel .options-rows.alignment .options-outer {width: 39.2vw; height: 32.26666667vw; margin: 0 auto; position: relative;} @media only screen and (min-width: 1025px) {.control-panel .options-rows.alignment .options-outer {width: 80%; height: 148px; margin: 22px 0; float: right;}} .control-panel .options-rows.alignment .options {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;} @media only screen and (min-width: 1025px) {.control-panel .options-rows.alignment .options {width: 162px; height: 148px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}} .control-panel .options-rows.alignment .options li {width: 33.33333333%;} .control-panel .options-rows.alignment .options li:nth-child(1) .option {margin-right: auto;} .control-panel .options-rows.alignment .options li:nth-child(1) .option.selected li:nth-child(1) {background-color: #000;} .control-panel .options-rows.alignment .options li:nth-child(1) .option li:nth-child(1) {background-color: #babac6;} .control-panel .options-rows.alignment .options li:nth-child(2) .option {margin-right: auto; margin-left: auto;} .control-panel .options-rows.alignment .options li:nth-child(2) .option.selected li:nth-child(2) {background-color: #000;} .control-panel .options-rows.alignment .options li:nth-child(2) .option li:nth-child(2) {background-color: #babac6;} .control-panel .options-rows.alignment .options li:nth-child(3) .option {margin-left: auto;} .control-panel .options-rows.alignment .options li:nth-child(3) .option.selected li:nth-child(3) {background-color: #000;} .control-panel .options-rows.alignment .options li:nth-child(3) .option li:nth-child(3) {background-color: #babac6;} .control-panel .options-rows.alignment .options li:nth-child(4) .option {margin-right: auto;} .control-panel .options-rows.alignment .options li:nth-child(4) .option.selected li:nth-child(4) {background-color: #000;} .control-panel .options-rows.alignment .options li:nth-child(4) .option li:nth-child(4) {background-color: #babac6;} .control-panel .options-rows.alignment .options li:nth-child(5) .option {margin-right: auto; margin-left: auto;} .control-panel .options-rows.alignment .options li:nth-child(5) .option.selected li:nth-child(5) {background-color: #000;} .control-panel .options-rows.alignment .options li:nth-child(5) .option li:nth-child(5) {background-color: #babac6;} .control-panel .options-rows.alignment .options li:nth-child(6) .option {margin-left: auto;} .control-panel .options-rows.alignment .options li:nth-child(6) .option.selected li:nth-child(6) {background-color: #000;} .control-panel .options-rows.alignment .options li:nth-child(6) .option li:nth-child(6) {background-color: #babac6;} .control-panel .options-rows.alignment .options li:nth-child(7) .option {margin-right: auto;} .control-panel .options-rows.alignment .options li:nth-child(7) .option.selected li:nth-child(7) {background-color: #000;} .control-panel .options-rows.alignment .options li:nth-child(7) .option li:nth-child(7) {background-color: #babac6;} .control-panel .options-rows.alignment .options li:nth-child(8) .option {margin-right: auto; margin-left: auto;} .control-panel .options-rows.alignment .options li:nth-child(8) .option.selected li:nth-child(8) {background-color: #000;} .control-panel .options-rows.alignment .options li:nth-child(8) .option li:nth-child(8) {background-color: #babac6;} .control-panel .options-rows.alignment .options li:nth-child(9) .option {margin-left: auto;} .control-panel .options-rows.alignment .options li:nth-child(9) .option.selected li:nth-child(9) {background-color: #000;} .control-panel .options-rows.alignment .options li:nth-child(9) .option li:nth-child(9) {background-color: #babac6;} .control-panel .options-rows.alignment .option {width: 8.8vw; height: 8.8vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer;} @media only screen and (min-width: 1025px) {.control-panel .options-rows.alignment .option {width: 38px; height: 38px;}} .control-panel .options-rows.alignment .option.selected li {border-color: #000;} .control-panel .options-rows.alignment .option li {width: 2.4vw; height: 2.4vw; border-width: 0.26666667vw; border-color: #babac6; border-style: solid;} @media only screen and (min-width: 1025px) {.control-panel .options-rows.alignment .option li {width: 10px; height: 10px; border-width: 1px;}} .control-panel .buttons {display: none; background-color: #fff; height: 203px; padding-top: 48px; border-top: 1px solid #babac6;} @media only screen and (min-width: 1025px) {.control-panel .buttons {display: block;}} .control-panel .buttons button {color: #000; display: block; -webkit-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out; border: none; background-color: transparent; padding: 0; margin-left: auto; margin-right: auto;} .no-touch .control-panel .buttons button:hover {opacity: 0.75;} .control-panel .buttons button svg, .control-panel .buttons button span {display: inline-block; vertical-align: middle; line-height: 42px;} .control-panel .buttons button span {font-family: 'Helvetica Neue LT Std 67 Medium Condensed'; font-style: normal; font-weight: 500; font-stretch: condensed; font-size: 2rem;} .control-panel .buttons .submit.loading button {display: none;} .control-panel .buttons .submit.loading .spinner {display: block; opacity: 1; pointer-events: none;} .control-panel .buttons .submit button {padding: 0 34px;} .control-panel .buttons .submit button:disabled {opacity: 0.5;} @media only screen and (min-width: 1025px) {.control-panel .buttons .submit button span {line-height: 50px; font-size: 1.8rem;}} .control-panel .buttons .submit .spinner {width: 34px; height: 34px; -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-animation: spin360 300ms infinite linear; animation: spin360 300ms infinite linear; opacity: 0; pointer-events: none; -webkit-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out; display: none; margin: 4px auto 0;} .control-panel .buttons .back {margin-top: 23px;} .control-panel .buttons .back svg {width: 24px; height: 24px; margin-right: 10px;} footer .section-inner {padding: 5.33333333vw 0 6.66666667vw;} @media only screen and (min-width: 641px) {footer .section-inner {padding-top: 4.28266667vw; padding-bottom: 5.35333333vw;}} @media only screen and (min-width: 801px) {footer .section-inner {padding-top: 3.34933333vw; padding-bottom: 4.18666667vw;}} @media only screen and (min-width: 1025px) {footer .section-inner {padding-top: 40px; padding-bottom: 50px;}} footer p {font-family: 'Helvetica Neue LT Std 77 Bold Condensed'; font-style: normal; font-weight: 700; font-stretch: condensed; font-size: 3.73333333vw; letter-spacing: 0.02666667vw; color: #000; text-align: center;} @media only screen and (min-width: 641px) {footer p {font-size: 2.99786667vw; letter-spacing: 0.02666667vw 0.803;}} @media only screen and (min-width: 801px) {footer p {font-size: 2.34453333vw; letter-spacing: 0.02666667vw 0.628;}} @media only screen and (min-width: 1025px) {footer p {font-size: 2rem; letter-spacing: 0.14px;}} footer p a {color: #000; text-decoration: none; border-bottom: 0.53333333vw solid #000000; display: inline-block; padding-bottom: 0.53333333vw; -webkit-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out; margin-bottom: -1.06666667vw;} @media only screen and (min-width: 641px) {footer p a {border-bottom-width: 0.42826667vw; padding-bottom: 0.42826667vw; margin-bottom: -0.85653333vw;}} @media only screen and (min-width: 801px) {footer p a {border-bottom-width: 0.33493333vw; padding-bottom: 0.33493333vw; margin-bottom: -0.66986667vw;}} @media only screen and (min-width: 1025px) {footer p a {border-bottom-width: 2px; border-bottom-color: #000; padding-bottom: 2px; margin-bottom: -4px;}} .no-touch footer p a:hover {opacity: 0.75;} .profanity-warning {background-color: #fff; text-align: center; padding: 6.13333333vw 8vw 5.06666667vw; -webkit-border-radius: 0.8vw; border-radius: 0.8vw;} @media only screen and (min-width: 1025px) {.profanity-warning {padding: 33px 30px 27px; -webkit-border-radius: 3px; border-radius: 3px;}} .profanity-warning h2 {font-family: 'Helvetica Neue LT Std 77 Bold Condensed'; font-style: normal; font-weight: 700; font-stretch: condensed; font-size: 6.4vw; line-height: 1.1875; margin-bottom: 3.2vw;} @media only screen and (min-width: 1025px) {.profanity-warning h2 {font-size: 3.2rem; margin-bottom: 26px;}} .profanity-warning p {font-family: 'Helvetica Neue LT Std 67 Medium Condensed'; font-style: normal; font-weight: 500; font-stretch: condensed; font-size: 3.73333333vw; line-height: 1.25; margin-bottom: 5.06666667vw;} @media only screen and (min-width: 1025px) {.profanity-warning p {font-size: 1.9rem; margin-bottom: 32px;}} .profanity-warning button {font-family: 'Helvetica Neue LT Std 77 Bold Condensed'; font-style: normal; font-weight: 700; font-stretch: condensed; font-size: 4.53333333vw; letter-spacing: -0.09333333vw; background-color: transparent; display: table; margin: 0 auto; padding: 0 6.13333333vw; height: 11.2vw; white-space: nowrap; -webkit-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out;} @media only screen and (min-width: 1025px) {.profanity-warning button {font-family: 'Helvetica Neue LT Std 67 Medium Condensed'; font-style: normal; font-weight: 500; font-stretch: condensed; font-size: 1.8rem; letter-spacing: -0.35px; padding-right: 32px; padding-left: 32px; height: 50px;}} .no-touch .profanity-warning button:hover {opacity: 0.75;} .profanity-warning button.button-boxed {border: 0.53333333vw solid #000000; margin-bottom: 2.4vw;} @media only screen and (min-width: 1025px) {.profanity-warning button.button-boxed {border-width: 2px; margin-bottom: 12px;}} .confirm-back {background-color: #fff; text-align: center; padding: 6.13333333vw 8vw 5.06666667vw; -webkit-border-radius: 0.8vw; border-radius: 0.8vw;} @media only screen and (min-width: 1025px) {.confirm-back {padding: 33px 30px 27px; -webkit-border-radius: 3px; border-radius: 3px;}} .confirm-back h2 {font-family: 'Helvetica Neue LT Std 77 Bold Condensed'; font-style: normal; font-weight: 700; font-stretch: condensed; font-size: 6.4vw; line-height: 1.1875; margin-bottom: 3.2vw;} @media only screen and (min-width: 1025px) {.confirm-back h2 {font-size: 3.2rem; margin-bottom: 26px;}} .confirm-back p {font-family: 'Helvetica Neue LT Std 67 Medium Condensed'; font-style: normal; font-weight: 500; font-stretch: condensed; font-size: 3.73333333vw; line-height: 1.25; margin-bottom: 5.06666667vw;} @media only screen and (min-width: 1025px) {.confirm-back p {font-size: 1.9rem; margin-bottom: 32px;}} .confirm-back button {font-family: 'Helvetica Neue LT Std 77 Bold Condensed'; font-style: normal; font-weight: 700; font-stretch: condensed; font-size: 4.53333333vw; letter-spacing: -0.09333333vw; background-color: transparent; display: table; margin: 0 auto; padding: 0 6.13333333vw; height: 11.2vw; white-space: nowrap; -webkit-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out;} @media only screen and (min-width: 1025px) {.confirm-back button {font-family: 'Helvetica Neue LT Std 67 Medium Condensed'; font-style: normal; font-weight: 500; font-stretch: condensed; font-size: 1.8rem; letter-spacing: -0.35px; padding-right: 32px; padding-left: 32px; height: 50px;}} .no-touch .confirm-back button:hover {opacity: 0.75;} .confirm-back button.button-boxed {border: 0.53333333vw solid #000000; margin-bottom: 2.4vw;} @media only screen and (min-width: 1025px) {.confirm-back button.button-boxed {border-width: 2px; margin-bottom: 12px;}} .confirm-back button.button-plain {border: none;} .instagram-sharing {background-color: #fff; text-align: center; padding: 6.13333333vw 8vw 8.26666667vw; -webkit-border-radius: 0.8vw; border-radius: 0.8vw;} @media only screen and (min-width: 1025px) {.instagram-sharing {padding: 33px 30px 44px; -webkit-border-radius: 3px; border-radius: 3px;}} .instagram-sharing h2 {font-family: 'Helvetica Neue LT Std 77 Bold Condensed'; font-style: normal; font-weight: 700; font-stretch: condensed; font-size: 6.4vw; line-height: 1.1875; margin-bottom: 3.2vw;} @media only screen and (min-width: 1025px) {.instagram-sharing h2 {font-size: 3.2rem; margin-bottom: 26px;}} .instagram-sharing ol {font-family: 'Helvetica Neue LT Std 67 Medium Condensed'; font-style: normal; font-weight: 500; font-stretch: condensed; font-size: 3.73333333vw; line-height: 1.25; margin-bottom: 5.06666667vw; margin-left: 5.06666667vw; text-align: left;} @media only screen and (min-width: 1025px) {.instagram-sharing ol {font-size: 1.9rem; margin-bottom: 32px; margin-left: 25px; padding: 0 32px;}} .instagram-sharing li {counter-increment: custom; position: relative; margin-bottom: 2.66666667vw;} @media only screen and (min-width: 1025px) {.instagram-sharing li {margin-bottom: 15px;}} .instagram-sharing li::before {content: counter(custom) ' '; font-size: 5.06666667vw; position: absolute; top: -0.8vw; left: -5.06666667vw;} @media only screen and (min-width: 1025px) {.instagram-sharing li::before {font-size: 2.5rem; top: -4px; left: -25px;}} .instagram-sharing li:first-child {counter-reset: custom;} .instagram-sharing li:last-child {margin-bottom: 0;} .instagram-sharing li span {font-family: 'Helvetica Neue LT Std 77 Bold Condensed'; font-style: normal; font-weight: 700; font-stretch: condensed; letter-spacing: 0.09333333vw;} @media only screen and (min-width: 1025px) {.instagram-sharing li span {letter-spacing: 0.35px;}} .instagram-sharing button {font-family: 'Helvetica Neue LT Std 77 Bold Condensed'; font-style: normal; font-weight: 700; font-stretch: condensed; font-size: 4.53333333vw; letter-spacing: -0.09333333vw; background-color: transparent; display: table; margin: 0 auto; padding: 0 6.13333333vw; height: 11.2vw; white-space: nowrap; -webkit-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out;} @media only screen and (min-width: 1025px) {.instagram-sharing button {font-family: 'Helvetica Neue LT Std 67 Medium Condensed'; font-style: normal; font-weight: 500; font-stretch: condensed; font-size: 1.8rem; letter-spacing: -0.35px; padding-right: 32px; padding-left: 32px; height: 50px;}} .no-touch .instagram-sharing button:hover {opacity: 0.75;} .instagram-sharing button.button-color {border: none;}