/*! * fastshell * Gulp SASS starter pack * https://github.com/brianyuen/fastshell * @author Brian Yuen * @version 1.0.5 * Copyright 2019. MIT licensed. */ *{box-sizing:border-box;font-smoothing:antialiased;text-rendering:optimizeLegibility}html{font-size:62.5%}body,html{height:100%;min-width:100%;background-color:#44cbfd}.cast,.main,.wrapper,body,html{overflow:hidden}.wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}.main{-ms-flex:1;flex:1;background-image:url(https://pandora.com/static/DISPLAY/2019/web/DISPLAYAD-11939/assets/img/bg-sf3.jpg);background-position:50%;background-repeat:no-repeat}@media (min-width:576px){.main{background-position:50% 0}}.container{width:90%;max-width:900px;margin:0 auto}.hotspots.container{width:90%}@media (min-width:576px){.hotspots.container{width:40%;max-width:580px}}.hide{opacity:0;visibility:hidden;transition:opacity .3s linear .2s,visibility 0s linear .5s;z-index:2}.hide,.show{-webkit-transform:translateZ(0)}.show{opacity:1;visibility:visible;transition:opacity .3s linear .2s,visibility 0s linear 0s;z-index:3} /*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.header{background-color:#3bcd41;text-align:center;line-height:0}.header img{padding:20px 0;width:90%}@media (min-width:576px){.header img{width:60%}}.main{text-align:center}@media (min-width:576px){.main{min-height:530px}}.main .title{margin:20px auto;max-width:460px;width:70%}@media (min-width:576px){.main .title{margin:40px auto}}.main .cast{position:absolute;top:120px;left:0;right:0;margin:0 auto}.main .cast.container{display:-ms-flexbox;display:flex;width:100%;overflow:hidden}@media (min-width:576px){.main .cast.container{overflow:visible}}.main .cast.container img{position:relative;z-index:1;transition:all 1s ease-in-out}.main .cast #randall{margin-left:-9rem;left:0;width:75%;height:40%}.main .cast #randall.move{left:-300px}.main .cast #ali{margin-right:-6rem;margin-top:3rem;right:-10px;width:60%;height:40%}.main .cast #ali.move{right:-300px}#coachmark{position:absolute;max-width:550px;top:50%;left:0;right:0;margin:0 auto;z-index:6;text-align:center}#coachmark img{width:80%}@media (min-width:576px){#coachmark img{width:550px}}#hotspots{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;position:relative;z-index:5;margin:0 auto}#hotspots li{list-style-type:none}.spot{width:20px;height:20px;border-radius:100% 100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000;z-index:4;line-height:19px;font-size:16px;text-align:center;text-decoration:none;color:#fff}.adventure .spot{border:1px solid #ff0f03;top:150%}.mood .spot{border:1px solid #fcf031}@media (min-width:576px){.mood .spot{top:130%}}.romantic .spot{border:1px solid #3bcd41;top:165%;left:70%}@media (min-width:576px){.romantic .spot{top:200%}}.dance .spot{border:1px solid #ff00dc;top:112%;left:94%}.pulse{border-radius:50px;line-height:50px;text-align:center;width:60px;height:60px;transform:translate(-50%,-50%);text-transform:uppercase;letter-spacing:.05em}.pulse img{width:100px}@media (min-width:576px){.pulse img{width:150px}}.pulse:after,.pulse:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.5);border-radius:50px;opacity:0;z-index:1}.pulse:before{transform:scale(1);animation:a 1s infinite linear}.pulse:after{animation:a 1s .5s infinite linear}.pulse.adventure:after,.pulse.adventure:before{top:100%}.pulse.adventure img{position:relative;top:170%;left:-33%}@media (min-width:576px){.pulse.adventure img{left:-75%}}.pulse.romantic:after,.pulse.romantic:before{top:115%;left:20%}@media (min-width:576px){.pulse.romantic:after,.pulse.romantic:before{top:150%}}.pulse.romantic img{position:relative;top:185%;left:-15%}@media (min-width:576px){.pulse.romantic img{top:220%;left:-55%}}.pulse.mood:after,.pulse.mood:before{top:0;left:0}@media (min-width:576px){.pulse.mood:after,.pulse.mood:before{top:80%;left:0}}.pulse.mood img{position:relative;top:70%;left:-34%}@media (min-width:576px){.pulse.mood img{top:160%;left:-75%}}.pulse.dance:after,.pulse.dance:before{top:62%;left:44%}.pulse.dance img{position:relative;top:130%;left:10%}@media (min-width:576px){.pulse.dance img{left:-30%}}@keyframes a{0%{transform:scale(.2);opacity:0}33%{transform:scale(.6);opacity:1}to{transform:scale(1);opacity:0}}.modal-window{position:fixed;background-color:rgba(0,0,0,.5);top:0;right:0;bottom:0;left:0;z-index:7;opacity:0;pointer-events:none;transition:all .3s;color:#000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-window:target{opacity:1;pointer-events:auto}.modal-window>div{width:75%;height:100%;text-align:center;max-width:475px;max-height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:1em;background:#fcf031;background-size:cover;background-repeat:no-repeat;border:5px solid #fff;box-shadow:0 0 120px #000;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.modal-window>div img{width:70%}@media (min-width:576px){.modal-window>div{max-width:475px;max-height:610px}}#adventure.modal-window>div{background-image:url(https://pandora.com/static/DISPLAY/2019/web/DISPLAYAD-11939/assets/img/modal-adventure.jpg)}#mood.modal-window>div{background-image:url(https://pandora.com/static/DISPLAY/2019/web/DISPLAYAD-11939/assets/img/modal-mood.jpg)}#romantic.modal-window>div{background-image:url(https://pandora.com/static/DISPLAY/2019/web/DISPLAYAD-11939/assets/img/modal-romantic.jpg)}#dance.modal-window>div{background-image:url(https://pandora.com/static/DISPLAY/2019/web/DISPLAYAD-11939/assets/img/modal-dance.jpg)}.modal-close{position:absolute;right:10px;top:10px;text-align:center;width:20px;height:20px;background:url(https://pandora.com/static/DISPLAY/2019/web/DISPLAYAD-11939/assets/img/ico-close.png) 50% no-repeat}.footer{background-color:#fcf031;text-align:center;padding:20px 0 10px}@media (min-width:576px){.footer{padding:40px 0}}.footer img{z-index:5;position:relative;width:40%}@media (min-width:576px){.footer img{width:auto}}.footer #plogo{width:80px;z-index:6;margin-top:10px}@media (min-width:576px){.footer #plogo{width:120px;position:absolute;bottom:20px;left:30px;margin-top:20px}.footer #plogo path{fill:#fff}}body{font:300 13px/1.6 Arial,Helvetica,sans-serif;color:#fff}h1,h2,h3,h4,h5{font-family:Trebuchet MS,Helvetica,sans-serif}::selection{background:#333;color:#fff;text-shadow:none}::-moz-selection{background:#333;color:#fff;text-shadow:none}::-webkit-selection{background:#333;color:#fff;text-shadow:none}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}} /*# sourceMappingURL=style.min.css.map */