{"version":3,"sources":["webpack:///./services/russellhobbs/subdomains/cdn/scss/quiz-campaign/services/russellhobbs/subdomains/cdn/scss/quiz-campaign/_base.scss","webpack:///./services/russellhobbs/subdomains/cdn/scss/quiz-campaign/quiz-campaign.scss","webpack:///./services/russellhobbs/subdomains/cdn/scss/quiz-campaign/services/russellhobbs/subdomains/cdn/scss/quiz-campaign/endpoint-blocks/_base.scss","webpack:///./services/russellhobbs/subdomains/cdn/scss/quiz-campaign/services/russellhobbs/subdomains/cdn/scss/quiz-campaign/endpoint-blocks/_video.scss","webpack:///./services/russellhobbs/subdomains/cdn/scss/quiz-campaign/services/russellhobbs/subdomains/cdn/scss/quiz-campaign/endpoint-blocks/_related.scss","webpack:///./services/russellhobbs/subdomains/cdn/scss/quiz-campaign/services/russellhobbs/subdomains/cdn/scss/quiz-campaign/endpoint-blocks/_images.scss","webpack:///./services/russellhobbs/subdomains/cdn/scss/quiz-campaign/services/russellhobbs/subdomains/cdn/scss/quiz-campaign/endpoint-blocks/_article.scss","webpack:///./services/russellhobbs/subdomains/cdn/scss/quiz-campaign/services/russellhobbs/subdomains/cdn/scss/quiz-campaign/endpoint-blocks/_spotify.scss","webpack:///./services/russellhobbs/subdomains/cdn/scss/quiz-campaign/services/russellhobbs/subdomains/cdn/scss/quiz-campaign/_range-slider.scss"],"names":[],"mappings":"AAEA,gBACI,gBCDH,qBDIO,aCAP,4BDGW,cCCX,yBDIO,aCAP,gCDGW,qDCCX,uCDEyB,aCEzB,yBDEO,gBACA,aACA,UCEP,gCDCW,UACA,cCGX,yCDCG,wBAEQ,qDACA,WACA,kCCET,iCDCa,oECGb,+CDCa,6BACA,mBCGb,qDDAiB,gBCIjB,CACF,yCDpBG,wBAqBQ,gBACA,cCIT,CACF,uBDCO,wFACA,mBACA,kBAGA,cCGP,qDDLO,wDACA,UCSP,gEDAmB,4BACA,sBACA,wBCInB,8BDEW,WACA,wDCEX,iCDEW,kBACA,kBCEX,4BDEW,kBACA,QACA,6FACA,UCEX,4BDEW,cACA,eACA,4BACA,iBACA,gBACA,kBCEX,kCDCe,WACA,cACA,WACA,YACA,kBACA,kBACA,WACA,QACA,6FCGf,4BDEW,cACA,WACA,YCEX,gCDCe,eACA,YCGf,6BDEW,cACA,sBACA,wBACA,4BACA,kBACA,WEvIR,mCACI,sBACA,uCACA,gBACA,kBACA,eACA,iBACA,mBAGJ,iCACI,kBACA,gBAFH,qCAKO,cACA,WA4BR,uCACI,WACA,eACA,oBACA,kBACA,oBCnDR,qCACI,mBACA,kBACA,WAHJ,4CAMQ,kBACA,MACA,OACA,WACA,YCVR,kDACI,qDADJ,oDAIQ,kBCJR,iCACI,yBADJ,mCAIQ,SAGH,iDAEO,gBACA,4FACA,cAJP,qDAOW,eACA,YCfhB,kCACI,gBACA,kBACA,kBAHJ,sDAMQ,cANR,mEAUQ,WACA,qBCXR,kCACI,kBADJ,yCAGQ,cACA,mBAEJ,0CACI,qDACA,gBACA,mBCWR,sCACI,qDAAe,sCAAkB,WAAa,cAAgB,gBADlE,2CAEW,mDAAc,eAAiB,kBAAoB,eAAiB,gBAG/E,6BACC,gBAAkB,mBAGnB,2BACC,mBAAqB,UAAY,gBAAkB,qDAAe,sDAA+B,kEADlG,6CAIE,mDAAgB,wBAA0B,uBAAyB,SAAW,mBAAsB,aAJtG,4EA3BC,WACA,WACA,mBACA,kBAwBD,mEAUG,mCA7BF,YACG,kBACA,iBACH,wFACA,wBACE,4BAcH,mEAbE,WP2RC,CO9QH,+DA3BC,WACA,WACA,mBACA,kBAwBD,+DApBC,WACA,YACG,kBACA,iBACH,wFACA,wBACE,4BAcH,+DAbE,WPiTC,COpSH,+DAsBM,SAtBN,wDA2BG,WAAa,eAAiB,uBAAyB,yBAA2B,kBA3BrF,6DA8BG,YAAc,yDAA6D,kBA9B9E,6DAiCG,YAAc,mBAAqB,kBAjCtC,wDApBC,WACA,YACG,kBACA,iBACH,wFACA,wBACE,4BAcH,wDAbE,WPwVC,CO3UH,0DAuCM","file":"services/russellhobbs/subdomains/cdn/build/quiz-campaigns/default.css","sourcesContent":["@import \"variables\";\n\n.quiz__campaign {\n    overflow: hidden;\n\n    &-page {\n        display: none;\n\n        &-active {\n            display: block;\n        }\n    }\n\n    &__landing {\n        display: none;\n\n        &-active {\n            display: flex;\n        }\n\n        &-header-scroll { display: none; }\n    }\n\n    &-question {\n        overflow: hidden;\n        display: none;\n        opacity: 0;\n\n        &-active {\n            opacity: 1;\n            display: block;\n        }\n    }\n\n    &-answers {\n        @media only screen and(min-width: 768px) {\n            display: flex;\n            width: 100%;\n            flex-wrap: wrap;\n\n            &-balanced {\n                justify-content: center;\n            }\n\n            .quiz__campaign-answer {\n                width: calc((100% - 60px) /3);\n                margin-bottom: 20px;\n\n                &-image {\n                    padding-top: calc(140% /2);\n                }\n            }\n        }\n\n        @media only screen and (min-width: 961px) {\n            max-width: 960px;\n            margin: 0 auto;\n        }\n    }\n\n\n    &-answer {\n        box-shadow: rgba(0, 0, 0, 0.08) 0 7px 12px 0;\n        margin: 0 10px 10px;\n        border-radius: 2px;\n        transition: 0.4s;\n        opacity: 1;\n        display: block;\n\n        &-active {\n            transition: 0.4s;\n            opacity: 1;\n\n            .quiz__campaign-answer-text {\n                &::after {\n                    background-repeat: no-repeat;\n                    background-size: cover;\n                    background-position: center;\n                }\n            }\n        }\n\n        &-greyed {\n            opacity: 0.5;\n            transition: 0.4s;\n        }\n\n        &-with-icon {\n            padding-left: 44px;\n            position: relative;\n        }\n\n        &-icon {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            left: 18px;\n        }\n\n        &-text {\n            display: block;\n            font-size: 13px;\n            padding: 18px 60px 18px 18px;\n            line-height: 24px;\n            font-weight: 700;\n            position: relative;\n\n            &::after {\n                content: '';\n                display: block;\n                width: 20px;\n                height: 20px;\n                border-radius: 50%;\n                position: absolute;\n                right: 18px;\n                top: 50%;\n                transform: translateY(-50%);\n            }\n        }\n\n        &-icon {\n            display: block;\n            width: 25px;\n            height: 25px;\n\n            img {\n                max-width: 100%;\n                height: auto;\n            }\n        }\n\n        &-image {\n            display: block;\n            background-size: cover;\n            background-position: top center;\n            background-repeat: no-repeat;\n            padding-top: 28.5%;\n            width: 100%;\n        }\n    }\n}\n\n@import \"endpoint-blocks/base\";\n@import \"endpoint-blocks/product\";\n@import \"endpoint-blocks/video\";\n@import \"endpoint-blocks/related\";\n@import \"endpoint-blocks/images\";\n@import \"endpoint-blocks/article\";\n@import \"endpoint-blocks/spotify\";\n@import \"endpoint-blocks/start-again\";\n\n\n// WEBPACK FOOTER //\n// ./services/russellhobbs/subdomains/cdn/scss/quiz-campaign/services/russellhobbs/subdomains/cdn/scss/quiz-campaign/_base.scss",".quiz__campaign {\n  overflow: hidden;\n}\n\n.quiz__campaign-page {\n  display: none;\n}\n\n.quiz__campaign-page-active {\n  display: block;\n}\n\n.quiz__campaign__landing {\n  display: none;\n}\n\n.quiz__campaign__landing-active {\n  display: flex;\n}\n\n.quiz__campaign__landing-header-scroll {\n  display: none;\n}\n\n.quiz__campaign-question {\n  overflow: hidden;\n  display: none;\n  opacity: 0;\n}\n\n.quiz__campaign-question-active {\n  opacity: 1;\n  display: block;\n}\n\n@media only screen and (min-width: 768px) {\n  .quiz__campaign-answers {\n    display: flex;\n    width: 100%;\n    flex-wrap: wrap;\n  }\n\n  .quiz__campaign-answers-balanced {\n    justify-content: center;\n  }\n\n  .quiz__campaign-answers .quiz__campaign-answer {\n    width: calc((100% - 60px) /3);\n    margin-bottom: 20px;\n  }\n\n  .quiz__campaign-answers .quiz__campaign-answer-image {\n    padding-top: calc(140% /2);\n  }\n}\n\n@media only screen and (min-width: 961px) {\n  .quiz__campaign-answers {\n    max-width: 960px;\n    margin: 0 auto;\n  }\n}\n\n.quiz__campaign-answer {\n  box-shadow: rgba(0, 0, 0, 0.08) 0 7px 12px 0;\n  margin: 0 10px 10px;\n  border-radius: 2px;\n  transition: 0.4s;\n  opacity: 1;\n  display: block;\n}\n\n.quiz__campaign-answer-active {\n  transition: 0.4s;\n  opacity: 1;\n}\n\n.quiz__campaign-answer-active .quiz__campaign-answer-text::after {\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center;\n}\n\n.quiz__campaign-answer-greyed {\n  opacity: 0.5;\n  transition: 0.4s;\n}\n\n.quiz__campaign-answer-with-icon {\n  padding-left: 44px;\n  position: relative;\n}\n\n.quiz__campaign-answer-icon {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 18px;\n}\n\n.quiz__campaign-answer-text {\n  display: block;\n  font-size: 13px;\n  padding: 18px 60px 18px 18px;\n  line-height: 24px;\n  font-weight: 700;\n  position: relative;\n}\n\n.quiz__campaign-answer-text::after {\n  content: '';\n  display: block;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  position: absolute;\n  right: 18px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.quiz__campaign-answer-icon {\n  display: block;\n  width: 25px;\n  height: 25px;\n}\n\n.quiz__campaign-answer-icon img {\n  max-width: 100%;\n  height: auto;\n}\n\n.quiz__campaign-answer-image {\n  display: block;\n  background-size: cover;\n  background-position: top center;\n  background-repeat: no-repeat;\n  padding-top: 28.5%;\n  width: 100%;\n}\n\n.quiz__campaign__endpoint-subtitle {\n  letter-spacing: normal;\n  font-family: Helvetica, Arial, sans-serif;\n  font-weight: 700;\n  text-align: center;\n  font-size: 14px;\n  line-height: 17px;\n  margin: 0 auto 15px;\n}\n\n.quiz__campaign__endpoint-header {\n  position: relative;\n  overflow: hidden;\n}\n\n.quiz__campaign__endpoint-header img {\n  display: block;\n  width: 100%;\n}\n\n.quiz__campaign__endpoint-pre-subtitle {\n  color: #555;\n  font-size: 17px;\n  text-transform: none;\n  text-align: center;\n  padding: 20px 0 30px;\n}\n\n.quiz__campaign__endpoint-video-wrap {\n  padding-top: 56.25%;\n  position: relative;\n  width: 100%;\n}\n\n.quiz__campaign__endpoint-video-wrap iframe {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.quiz__campaign__endpoint-related-product-actions {\n  display: flex;\n}\n\n.quiz__campaign__endpoint-related-product-actions a {\n  text-align: center;\n}\n\n.quiz__campaign__endpoint-images {\n  background-color: #f1f1f1;\n}\n\n.quiz__campaign__endpoint-images p {\n  margin: 0;\n}\n\n.quiz__campaign__endpoint-images-carousel .slide {\n  max-width: 360px;\n  box-shadow: rgba(0, 0, 0, 0.22) 4px 5px 12px 0;\n  margin: 0 25px;\n}\n\n.quiz__campaign__endpoint-images-carousel .slide img {\n  max-width: 100%;\n  height: auto;\n}\n\n.quiz__campaign__endpoint-article {\n  overflow: hidden;\n  position: relative;\n  text-align: center;\n}\n\n.quiz__campaign__endpoint-article .article-image-link {\n  display: block;\n}\n\n.quiz__campaign__endpoint-article .quiz__campaign__endpoint-button {\n  width: auto;\n  display: inline-block;\n}\n\n.quiz__campaign__endpoint_spotify {\n  text-align: center;\n}\n\n.quiz__campaign__endpoint_spotify iframe {\n  display: block;\n  margin: 0 auto 15px;\n}\n\n.quiz__campaign__endpoint_spotify-actions {\n  display: flex;\n  max-width: 280px;\n  margin: 0 auto 15px;\n}\n\n.quiz__campaign-question-range-labels {\n  display: flex;\n  flex-wrap: nowrap;\n  width: 100%;\n  margin: 0 auto;\n  max-width: 560px;\n}\n\n.quiz__campaign-question-range-labels span {\n  flex-grow: 1;\n  padding: 10px 0;\n  text-align: center;\n  font-size: 11px;\n  font-weight: 700;\n}\n\n.quiz__campaign-range-images {\n  max-width: 300px;\n  margin: 0 auto 30px;\n}\n\n.quiz__campaign-range-area {\n  margin: 0 auto 25px;\n  width: 80%;\n  max-width: 420px;\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n}\n\n.quiz__campaign-range-area input[type=\"range\"] {\n  flex: 1 1 auto;\n  -webkit-appearance: none;\n  background: transparent;\n  margin: 0;\n  border: 0 !important;\n  outline: none;\n}\n\n.quiz__campaign-range-area input[type=\"range\"]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 3px;\n  background: #d4d4d4;\n  border-radius: 2em;\n}\n\n.quiz__campaign-range-area input[type=\"range\"]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 55px;\n  height: 55px;\n  border-radius: 50%;\n  margin-top: -27px;\n  background: url(\"/images/campaigns/moment-maker/range-handle.png\") #0F4583 center center no-repeat;\n  background-size: contain;\n}\n\n@media (any-pointer: coarse) {\n  .quiz__campaign-range-area input[type=\"range\"]::-webkit-slider-thumb {\n    width: 55px;\n  }\n}\n\n.quiz__campaign-range-area input[type=\"range\"]::-moz-range-track {\n  width: 100%;\n  height: 3px;\n  background: #d4d4d4;\n  border-radius: 2em;\n}\n\n.quiz__campaign-range-area input[type=\"range\"]::-moz-range-thumb {\n  width: 55px;\n  height: 55px;\n  border-radius: 50%;\n  margin-top: -27px;\n  background: url(\"/images/campaigns/moment-maker/range-handle.png\") #0F4583 center center no-repeat;\n  background-size: contain;\n}\n\n@media (any-pointer: coarse) {\n  .quiz__campaign-range-area input[type=\"range\"]::-moz-range-thumb {\n    width: 55px;\n  }\n}\n\n.quiz__campaign-range-area input[type=\"range\"]::-moz-focus-outer {\n  border: 0;\n}\n\n.quiz__campaign-range-area input[type=\"range\"]::-ms-track {\n  width: 100%;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n\n.quiz__campaign-range-area input[type=\"range\"]::-ms-fill-lower {\n  height: 16px;\n  background-image: linear-gradient(-90deg, #45DA92, #00636B);\n  border-radius: 2em;\n}\n\n.quiz__campaign-range-area input[type=\"range\"]::-ms-fill-upper {\n  height: 16px;\n  background: #1a1a18;\n  border-radius: 2em;\n}\n\n.quiz__campaign-range-area input[type=\"range\"]::-ms-thumb {\n  width: 55px;\n  height: 55px;\n  border-radius: 50%;\n  margin-top: -27px;\n  background: url(\"/images/campaigns/moment-maker/range-handle.png\") #0F4583 center center no-repeat;\n  background-size: contain;\n}\n\n@media (any-pointer: coarse) {\n  .quiz__campaign-range-area input[type=\"range\"]::-ms-thumb {\n    width: 55px;\n  }\n}\n\n.quiz__campaign-range-area input[type=\"range\"]::-ms-tooltip {\n  display: none;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./services/russellhobbs/subdomains/cdn/scss/quiz-campaign/quiz-campaign.scss",".quiz__campaign__endpoint {\n\n    &-subtitle {\n        letter-spacing: normal;\n        font-family: Helvetica, Arial, sans-serif;\n        font-weight: 700;\n        text-align: center;\n        font-size: 14px;\n        line-height: 17px;\n        margin: 0 auto 15px;\n    }\n\n    &-header {\n        position: relative;\n        overflow: hidden;\n\n        img {\n            display: block;\n            width: 100%;\n        }\n    }\n\n    // &-button {\n    //     display: block;\n    //     box-shadow: rgba(0, 0, 0, .25) 0 2px 4px 0;\n    //     max-width: 130px;\n    //     width: calc((100% - 10px) / 2);\n    //     margin: 0 5px;\n    //     padding: 16px;\n    //     background-color: $gyyo_black;\n    //     color: #fff;\n    //     font-weight: 700;\n    //     font-size: 11px;\n    //     letter-spacing: 0.05em;\n\n    //     &:link,\n    //     &:visited {\n    //         color: #fff;\n    //         text-decoration: none;\n    //     }\n\n    //     &-primary {\n    //         background-color: ;\n    //     }\n    // }\n\n    &-pre-subtitle {\n        color: #555;\n        font-size: 17px;\n        text-transform: none;\n        text-align: center;\n        padding: 20px 0 30px;\n\n    }\n\n}\n\n\n// WEBPACK FOOTER //\n// ./services/russellhobbs/subdomains/cdn/scss/quiz-campaign/services/russellhobbs/subdomains/cdn/scss/quiz-campaign/endpoint-blocks/_base.scss",".quiz__campaign__endpoint-video-wrap {\n    padding-top: 56.25%;\n    position: relative;\n    width: 100%;\n\n    iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n}\n\n\n// WEBPACK FOOTER //\n// ./services/russellhobbs/subdomains/cdn/scss/quiz-campaign/services/russellhobbs/subdomains/cdn/scss/quiz-campaign/endpoint-blocks/_video.scss",".quiz__campaign__endpoint-related-product-actions {\n    display: flex;\n\n    a {\n        text-align: center;\n    }\n}\n\n\n// WEBPACK FOOTER //\n// ./services/russellhobbs/subdomains/cdn/scss/quiz-campaign/services/russellhobbs/subdomains/cdn/scss/quiz-campaign/endpoint-blocks/_related.scss",".quiz__campaign__endpoint-images {\n    background-color: $gyyo_light_grey;\n\n    p {\n        margin: 0;\n    }\n\n    &-carousel {\n        .slide {\n            max-width: 360px;\n            box-shadow: rgba(0, 0, 0, 0.22) 4px 5px 12px 0;\n            margin: 0 25px;\n\n            img {\n                max-width: 100%;\n                height: auto;\n            }\n        }\n    }\n}\n\n\n// WEBPACK FOOTER //\n// ./services/russellhobbs/subdomains/cdn/scss/quiz-campaign/services/russellhobbs/subdomains/cdn/scss/quiz-campaign/endpoint-blocks/_images.scss",".quiz__campaign__endpoint-article {\n    overflow: hidden;\n    position: relative;\n    text-align: center;\n\n    .article-image-link {\n        display: block;\n    }\n\n    .quiz__campaign__endpoint-button {\n        width: auto;\n        display: inline-block;\n    }\n}\n\n\n// WEBPACK FOOTER //\n// ./services/russellhobbs/subdomains/cdn/scss/quiz-campaign/services/russellhobbs/subdomains/cdn/scss/quiz-campaign/endpoint-blocks/_article.scss",".quiz__campaign__endpoint_spotify {\n    text-align: center;\n    iframe {\n        display: block;\n        margin: 0 auto 15px;\n    }\n    &-actions {\n        display: flex;\n        max-width: 280px;\n        margin: 0 auto 15px;\n    }\n}\n\n\n// WEBPACK FOOTER //\n// ./services/russellhobbs/subdomains/cdn/scss/quiz-campaign/services/russellhobbs/subdomains/cdn/scss/quiz-campaign/endpoint-blocks/_spotify.scss","\n@mixin range-track {\n\twidth: 100%;\n\theight: 3px;\n\tbackground: #d4d4d4;\n\tborder-radius: 2em;\n}\n\n@mixin range-thumb {\n\twidth: 55px;\n\theight: 55px;\n    border-radius: 50%;\n    margin-top: -27px;\n\tbackground: url('/images/campaigns/moment-maker/range-handle.png') #0F4583 center center no-repeat;\n\tbackground-size: contain;\n   @media (any-pointer: coarse) { \n\t\twidth: 55px;\n\t}\n}\n\n.quiz__campaign-question-range-labels {\n    display: flex; flex-wrap:nowrap; width: 100%; margin: 0 auto; max-width: 560px;\n    span { flex-grow: 1; padding: 10px 0; text-align: center; font-size: 11px; font-weight: 700; }\n}\n \n.quiz__campaign-range-images {\n\tmax-width: 300px; margin: 0 auto 30px;\n}\n\n.quiz__campaign-range-area {\n\tmargin: 0 auto 25px; width: 80%; max-width: 420px; display: flex; justify-content: space-around; align-items: center;\n\n\tinput[type=\"range\"] {\n\t\tflex: 1 1 auto; -webkit-appearance: none; background: transparent; margin: 0; border: 0 !important; outline:none;\n\t\t// WEBKIT\n\t\t&::-webkit-slider-runnable-track {\n\t\t\t@include range-track;\n\t\t}\n\t\t&::-webkit-slider-thumb {\n\t\t\t-webkit-appearance: none;\n\t\t\t@include range-thumb;\n\t\t}\n\n\t\t// MOZ\n\t\t&::-moz-range-track {\n\t\t\t@include range-track;\n\t\t}\n\t\t&::-moz-range-thumb {\n\t\t\t@include range-thumb;\n\t\t}\n\t\t&::-moz-focus-outer {\n\t    \tborder: 0;\n\t    }\n\n\t\t// MS\n\t\t&::-ms-track {\n\t\t\twidth: 100%; cursor: pointer; background: transparent; border-color: transparent; color: transparent;\n\t\t}\n\t\t&::-ms-fill-lower {\n\t\t\theight: 16px; background-image: linear-gradient(-90deg, #45DA92, #00636B); border-radius: 2em;\n\t\t}\n\t\t&::-ms-fill-upper {\n\t\t\theight: 16px; background: #1a1a18; border-radius: 2em;\n\t\t}\n\t\t&::-ms-thumb {\n\t\t\t@include range-thumb;\n\t\t}\n\t\t&::-ms-tooltip {\n\t\t    display: none;\n\t\t}\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./services/russellhobbs/subdomains/cdn/scss/quiz-campaign/services/russellhobbs/subdomains/cdn/scss/quiz-campaign/_range-slider.scss"],"sourceRoot":""}