@import url(https://fonts.googleapis.com/css?family=Montserrat:300,500);@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i);@import url(https://internal-nice.cityportal.clearchannel.io/api/fonts/stylesheets);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}::selection{background:transparent}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;font:inherit;color:currentColor;width:1.15em;height:1.15em;border:.15em solid;border-radius:.15em;transform:translateY(-.075em);display:grid;place-content:center}input[type=checkbox]:before{content:"";width:1.9em;height:1.85em;transform:scale(0);transition:transform .12s ease-in-out;box-shadow:inset 1em 1em #ff0b00;border-radius:20px;background-color:#ff0b00}input[type=checkbox]:checked:before{transform:scale(1)}.memory-grid-container{padding-top:20px;margin-bottom:20px;display:flex;flex-direction:column}.memory-grid,.memory-grid-container{background-color:#d12f31;height:calc(100vh - 40px)}.memory-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:170px 170px 170px;grid-gap:50px;padding:20px 40px;width:auto}.memory-grid-card-container{width:100%;height:100%;position:relative}.memory-grid-card{width:100%;height:100%;background-color:#000;object-fit:contain;border-radius:12px;cursor:pointer}.memory-grid-card-container:after{content:"";display:inline-block;height:100%;width:100%;position:absolute;border-radius:10px;top:0;left:0;z-index:-1;transition:all .4s;background-color:#a7135f;animation:casa 1s linear}@keyframes casa{0%{opacity:1;transform:scaleX(1) scaleY(1)}to{opacity:0;transform:scaleX(1.4) scaleY(1.6)}}.memory-grid-card:active{background-color:#010;transform:translateY(.1em);box-shadow:6px 6px 12px #111}.meter{box-sizing:content-box;height:20px;position:relative;background:#141414;padding:10px;box-shadow:inset 0 -1px 1px hsla(0,0%,100%,.3);width:80%;margin:0 auto}.meter>span{display:block;height:100%;box-shadow:inset 0 2px 9px hsla(0,0%,100%,.3),inset 0 -2px 6px rgba(0,0,0,.4);position:relative;overflow:hidden;background-image:linear-gradient(#e02486,#bd156b)}.counter-text{margin:0 auto;padding-bottom:80px;font-size:60px;font-weight:800}.boom{position:fixed;top:0;left:0;z-index:10;width:100vw;height:100vh}.button{cursor:pointer;background-color:#e30052}.button:active{transform:translateX(4px) translateY(4px);background-color:#d0306f}.button.beat{animation:beat 1s linear infinite}.face-tracker-video{position:absolute;top:0;left:0}.mark{position:absolute}.mark-container{top:0;display:flex;justify-content:center;align-items:center}.filter,.mark-container{width:100%;height:100%;position:absolute}.filter{background-color:#000;transition:opacity 1s linear}.filter-on .filter{opacity:.8}.filter-on .mark{width:70%}.filter-off .mark{transition:all .1s ease}.mark-transition{position:absolute;transition-property:width,left,bottom;transition-duration:1s;transition-timing-function:ease-out}.filter-on .mark-transition{width:70%;left:15%;bottom:32.9%}.input.beat:not(:checked){animation:beat 1s linear infinite}@keyframes beat{0%,to{transform:scale(1)}50%{transform:scale(.95)}}.loading{background:$ffffff;position:fixed;top:0;right:0;bottom:0;left:0}.preview{background-size:100% auto;background-repeat:no-repeat;background-color:#000}.glass,.screen{position:absolute;top:0;left:0;transform-origin:0 0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.screen{-webkit-filter:contrast(1.6) sepia(.2) saturate(.95);filter:contrast(1.6) sepia(.2) saturate(.95);z-index:99}.player{background-color:$color-white;margin:0 auto;position:relative}.doubled{display:flex}.slide{background-color:#fff;position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;overflow:hidden}.player.rotated .slide{overflow:visible}.player.rotated.doubled{margin:0}.element{opacity:0;overflow:hidden;position:absolute}.player.rotated .element{overflow:visible}.element .date,.element .location,.element .sport,.element .text,.element .weather{display:flex;line-height:normal;word-break:normal}.element .text img{display:inline;height:1em}.element img,.element video{display:block}