{"version":3,"sources":["webpack:///./services/russellhobbs/subdomains/cdn/scss/quiz-campaign/themes/services/russellhobbs/subdomains/cdn/scss/quiz-campaign/themes/moment-maker.scss","webpack:///./services/russellhobbs/subdomains/cdn/scss/quiz-campaign/themes/moment-maker.scss"],"names":[],"mappings":"AA4BA,WACI,+BACA,iDACA,gBACA,kBCvBH,WD0BW,yCAA4C,kCAA6D,0MCpBpH,cD0BG,yBACA,iBACA,gBCtBH,gBDyBO,oDCrBP,sBDyBO,iBACA,gBACA,gBCrBP,gDDwBW,kBCpBX,mCDyBO,kBCrBP,qCDyBO,yBACA,cACA,WACA,yBACA,qBACA,mFACA,aACA,gBACA,eCrBP,sFDyBW,cACA,eACA,yBACA,gBCpBX,uFDyBW,WCpBX,uFDyBW,yBCpBX,uCDyBO,yGACA,kEACA,oEACA,iBACA,mBACA,kBACA,kBCrBP,oFDwBW,cCpBX,6EDwBW,aCpBX,yCD/CD,uCAuEY,aCnBT,CACF,0CDrDD,uCA2EY,gBCjBT,6EDoBa,cChBb,oFDoBa,aChBb,CACF,gDDoBW,gBACA,2BChBX,0CDxED,gDA2FgB,iBCdb,CACF,uKDkBmB,cACA,kBCbnB,8CDmBW,UACA,kBACA,WCfX,0CD1FD,8CA4GgB,iBACA,kBACA,UACA,MACA,OACA,WCbb,CACF,qDDiBe,WACA,cACA,mBACA,WACA,kBACA,OACA,QACA,MACA,SACA,WACA,YACA,UCbf,kDDiBe,cACA,aACA,qCACA,WCbf,0CD3HD,kDA2IoB,YACA,iBACA,kBACA,UCXjB,CACF,0CDpID,oDAqJgB,iBAAmB,WAAa,kBAAoB,UAAY,qDAAe,kEAAqB,oEAAyB,yGCL1I,CACF,+CDSW,qDACA,6EACA,yGACA,WACA,kBACA,UCLX,kDDSW,gBAAkB,cAAgB,eCH7C,sDDIiB,WAAa,YAAc,YAAc,cCG1D,yCDvKD,sDAsKsB,cAAgB,YAAc,YAAc,cAAgB,WCU/E,CACF,4CDLW,sEACA,cACA,eACA,gBACA,WCSX,8DDLW,qBACA,cACA,gBACA,kBACA,wBCSX,0CDjMD,8DA2LgB,cACA,WCWb,CACF,oFDNW,WACA,eACA,iBACA,gBACA,gBACA,mBACA,oBACA,sBCWX,0CDPW,eACA,iBACA,sBACA,cACA,sEACA,gBACA,gBACA,UACA,kBCWX,yCDhOD,0CAwNgB,eACA,iBCab,CACF,0CDvOD,0CA6NgB,qDACA,oEACA,kEACA,kBACA,WACA,OACA,QACA,cACA,aCeb,CACF,0CDrPD,0CAyOgB,kFACA,eACA,iBACA,mBACA,cACA,kBACA,iBCiBb,CACF,yCDbW,cACA,eACA,gBACA,iBACA,sBACA,oBCiBX,0CD1QD,yCA4PgB,WACA,mBCmBb,CACF,yCDjRD,uCAkQY,mBCoBT,CACF,uCDhBO,aACA,gBACA,UACA,wDACA,WCoBP,8CDjBW,qDACA,qEACA,yGACA,oEACA,oFACA,UACA,wDCqBX,yCDzSD,8CAuRgB,qGCuBb,CACF,6CDnBW,yBACA,sBACA,kBACA,iBACA,gBACA,WCuBX,iDDpBe,qCAAmB,kBAAoB,MAAQ,OAAS,SAAW,WAAa,YAAc,UC+B7G,0CDnUD,6CAwSgB,UACA,WCgCb,CACF,6CDfW,wBACA,YACA,mBCmBX,8CDfW,cACA,eACA,iBACA,mBCmBX,4CDfW,WACA,sEACA,eACA,iBACA,gBACA,kBACA,SACA,eACA,oBACA,kBACA,QACA,6FACA,WACA,UCmBX,yCDxWD,4CAwVgB,eACA,iBACA,cACA,gBCqBb,CACF,kFDfO,oDACA,qDACA,yGACA,oEACA,kEACA,wBACA,WCoBP,0CD5XD,kFA2WY,UACA,WCuBT,CACF,qCDnBO,8BACA,cACA,SACA,WCuBP,yCD3YD,qCAuXY,UCyBT,CACF,0CDjZD,qCA2XY,UC2BT,CACF,4DDxBW,gBC4BX,4CDxBW,qEACA,sBACA,WC4BX,uDDzBe,0DACA,yBC6Bf,wEDzBe,uBC6Bf,0CDbW,sBACA,6BACA,4BCiBX,gDDde,yBCkBf,2CDbW,yBACA,kBCiBX,+CDXW,cACA,YACA,cACA,eCeX,yCDVO,kBCcP,gDDNW,OCmBX,+FDxBW,mBACA,WACA,cACA,YACA,kBAEA,0FACA,aACA,UACA,YC4BX,+CDnBW,QCmBX,yDDTW,kBACA,eACA,WCaX,gEDVe,mBACA,WACA,cACA,YACA,kBACA,SACA,0FACA,UACA,UACA,YCcf,uJDTmB,aCcnB,mCDPO,mBACA,cACA,YACA,SACA,UACA,UACA,kBACA,WACA,YACA,WACA,oBACA,wDCWP,yCDrgBD,mCA6fY,YACA,YCaT,CACF,yCDVW,kBACA,WACA,QACA,6FACA,+CACA,wBACA,4BACA,WACA,cACA,WACA,YCcX,mFDTW,yBCcX,0CDVW,UACA,wDCcX,iCDTO,YCaP,wCDVW,gBACA,yBACA,mBACA,YACA,aACA,WCcX,+CDXe,mBACA,qBCef,yCDtjBD,wCA+iBY,cCYT,CACF,0CD5jBD,wCAmjBY,iBCcT,CACF,yEDXW,6BACA,sBACA,gBACA,sFACA,WACA,qBACA,gBACA,eACA,qBACA,aACA,aACA,yBACA,qBACA,kBACA,mFACA,eACA,WCeX,yCDtlBD,yEA0kBgB,gBACA,kBACA,mBACA,WCiBb,CACF,8ODZe,sBACA,cCkBf,iFDde,yBACA,qBCkBf,sQDbmB,yBACA,qBACA,WCmBnB,mFDbW,gBACA,cACA,iBACA,mBACA,kBCiBX,0CD3nBD,mFA6mBgB,qDACA,qEACA,qGACA,YACA,WCmBb,CACF,yCDroBD,mFAqnBgB,yGCqBb,CACF,yCD3oBD,mFAynBgB,mBCuBb,CACF,oHDpBe,qDACA,yGACA,gBACA,UACA,kBCwBf,yCDzpBD,oHAooBoB,cACA,WACA,UC0BjB,CACF,0CDjqBD,oHA0oBoB,WACA,kBACA,UC4BjB,CACF,0HDzBmB,qDACA,kBC6BnB,0CD9qBD,0HAopBwB,YC+BrB,8HD5ByB,YACA,qCCgCzB,CACF,yCDzrBD,8IA8pB4B,qDACA,oEACA,kEACA,kBACA,MACA,QACA,SACA,OCgCzB,qJD7B6B,sEACA,WACA,cACA,YACA,WCiC7B,CACF,0HD3BmB,qDC+BnB,yCDltBD,0HAsrBwB,qEACA,sBACA,iBCiCrB,6HD9ByB,eACA,iBACA,kBCkCzB,CACF,yCDhuBD,0HAksBwB,cACA,kBACA,WACA,SACA,WCmCrB,CACF,6HDhCuB,WACA,sEACA,gBACA,UCoCvB,yCDjvBD,6HAgtB4B,eACA,iBACA,mBACA,cCsCzB,CACF,uIDlCuB,WACA,qDACA,kEACA,eACA,mBACA,iBACA,qBACA,yBCsCvB,yCDrwBD,uIAkuB4B,aCwCzB,CACF,yCD3wBD,4IAuuBgC,cCyC7B,CACF,8IDrC2B,sEACA,WACA,cACA,YACA,WCyC3B,yCDzxBD,8IAmvBgC,kBC2C7B,CACF,sIDtCuB,gBC0CvB,wHDrCmB,WCyCnB,kFDnCW,kBACA,sBCuCX,yCD5yBD,kFAwwBgB,YCyCb,CACF,yCDlzBD,kFA4wBgB,sBACA,WACA,UC2Cb,CACF,0CD1zBD,kFAkxBgB,sBACA,kGACA,kBACA,SACA,UACA,SACA,UC6Cb,CACF,6FD1Ce,sBACA,qBACA,WC8Cf,yCD50BD,6FAiyBoB,oBCgDjB,CACF,yCDl1BD,6FAqyBoB,eCkDjB,CACF,wFD9Ce,cACA,eACA,gBACA,iBCkDf,sFD9Ce,cACA,eACA,gBACA,iBCkDf,8FD9Ce,sBACA,iBACA,WCkDf,yCD52BD,8FA6zBoB,eCoDjB,CACF,gGDjDmB,cACA,eACA,iBACA,kBACA,oBACA,cCqDnB,wGDjDmB,cCqDnB,6UDhDuB,cACA,oBACA,qBCsDvB,uFDhDe,sBACA,yBACA,eACA,gBACA,uCCoDf,yCD/4BD,uFA81BoB,mBCsDjB,CACF,+FDhDuB,aCoDvB,qGDhDuB,kBCoDvB,8FD7CuB,cACA,mBACA,UACA,kBCiDvB,yCDp6BD,2FAu3BwB,mBACA,iBCkDrB,8FD/CyB,qBACA,eACA,iBACA,mBACA,iBCmDzB,CACF,wFD5Ce,iBCgDf,0CDv7BD,wFA04BoB,eACA,UCkDjB,CACF,4FD/CmB,iBACA,gBCmDnB,yCDn8BD,kFAs5BgB,iBCkDb,CACF,0CDz8BD,kFA05BgB,iBACA,gBACA,cCoDb,uFDjDiB,kBACA,eACA,iBCqDjB,6FDjDiB,qDACA,qGACA,kEACA,oEACA,YCqDjB,uFDjDiB,gBCqDjB,+FDjDyB,aCqDzB,8FD/CyB,mBACA,UACA,kBCmDzB,wFD5CiB,WCgDjB,CACF,kFD3Ce,qEACA,sBACA,qDACA,oEACA,kBC+Cf,oFD5CmB,gBCgDnB,6HD1Ce,WC8Cf,mID5CmB,gBAAkB,eCiDrC,sIDhDyB,cAAqB,kBAAoB,eCsDlE,sIDlDuD,gBAAkB,WAAa,mBCwDtF,wEDpDW,cACA,eACA,iBACA,mBACA,kBACA,UCwDX,yCD3hCD,wEAs+BgB,eACA,iBC0Db,CACF,2EDtDW,cACA,eACA,iBACA,mBACA,UACA,yBC0DX,wEDtDW,iBACA,cACA,eACA,WC0DX,4EDvDe,cC2Df,yCDtjCD,wEA+/BgB,iBC4Db,CACF,4EDzDe,WC6Df,yCDhkCD,4EAsgCoB,6BC+DjB,CACF,yCDtkCD,4EA0gCoB,gBACA,mBCiEjB,CACF,+ED7De,wBCiEf,qFD9DmB,YCkEnB,yCDrlCD,+EAuhCoB,uBACA,YCmEjB,qFDhEqB,UCoErB,CACF,2GD/De,oBACA,uBACA,aACA,iBACA,gBACA,UACA,kBACA,wBCmEf,yCD3mCD,2GA4iCoB,cACA,wBCoEjB,CACF,mBDlnCD,2GAijCoB,gBCsEjB,CACF,2IDnEmB,mBACA,yBCuEnB,sJDnEmB,mBACA,iBACA,kBACA,gBCuEnB,yCDpoCD,sJAgkCwB,mBCyErB,CACF,6JDtEuB,gBACA,WACA,cACA,kBACA,OACA,MACA,0BACA,UACA,WC0EvB,qKDtEuB,sBACA,kBC0EvB,4KDvE2B,cACA,gBACA,SC2E3B,oLDvE2B,aACA,eACA,aC2E3B,wKDvE2B,uCACA,eACA,gBACA,iBACA,sBACA,SC2E3B,oLDvE2B,aACA,YACA,sBACA,wBACA,wBACA,4BACA,mBC2E3B,yKDvE2B,aACA,cACA,iBC2E3B,wLDvE2B,8BACA,kBACA,cACA,kBC2E3B,wGDnEe,qDACA,yGACA,iBCuEf,yCD7sCD,wGAyoCoB,iBCyEjB,wIDtEqB,SC0ErB,CACF,yCDvtCD,6IAkpCwB,qDC0ErB,CACF,wWD/D2B,aCuE3B,8JDpE2B,cCwE3B,gHDlEmB,aACA,kBCsEnB,yCD9uCD,yHA4qC4B,qDACA,oBCuEzB,sHDnEyB,qDCuEzB,CACF,yCDzvCD,yHAurC4B,oBCuEzB,gIDpE6B,cCwE7B,CACF,kHDjEuB,qBCqEvB,wND/De,qDACA,yGCyEf,8GDrEmB,oECqEnB,yCDlxCD,gJAotCwB,qDACA,yGCmErB,8HDhEqB,qDCoErB,CACF,kHDhEmB,eACA,kBCoEnB,yCDlyCD,2HAkuC4B,qDACA,oBCqEzB,wHDjEyB,qDCqEzB,CACF,yCD7yCD,kHA4uCwB,aCsErB,2HDnEyB,oBCuEzB,wHDnEyB,cCuEzB,CACF,8HDnEuB,SCuEvB,mJDnEuB,eACA,WCuEvB,yCDp0CD,mJAgwC4B,gBACA,kBACA,mBACA,WCyEzB,CACF,0GDnEe,iCACA,qDACA,kEACA,oEACA,yGACA,kBACA,eCuEf,yCDv1CD,0GAmxCoB,yBACA,uBCyEjB,CACF,mJDtEmB,mBACA,UACA,kBC0EnB,kHDtEmB,aC0EnB,iHDtEmB,gBC0EnB,0IDtEmB,aC0EnB,kJDpEmB,gBACA,0BACA,kBACA,kBCwEnB,yCDv3CD,kJAkzCwB,yBACA,qBC0ErB,CACF,yCD93CD,kJAuzCwB,kBC4ErB,kLDzEyB,mBC6EzB,CACF,6IDxEmB,mBC4EnB,8IDxEmB,SC4EnB,kJDzEuB,aC6EvB,gJDzEuB,WACA,SC6EvB,wGDtEe,+DACA,sBACA,aACA,YACA,aACA,kBC0Ef,yCDl6CD,wGA21CoB,oBACA,YC4EjB,CACF,yCDz6CD,wGAg2CoB,aC8EjB,CACF,wID1EmB,mBC8EnB,0GD1EmB,WC8EnB,sHD1EmB,qBACA,sBACA,mBACA,YACA,cACA,WC8EnB,wHD3EuB,cACA,eACA,iBC+EvB,6HD5E2B,aCgF3B,yGDzEe,qDACA,yGACA,gBACA,iBC6Ef,mJD1EmB,cC8EnB,yCDr9CD,yGA24CoB,iBC+EjB,CACF,2HD5EmB,eACA,UCgFnB,yCDh+CD,2HAm5CwB,qDACA,cCkFrB,CACF,uHD9EmB,qDACA,kEACA,oEACA,6CCkFnB,4HD/EmB,mBACA,kBCmFnB,+GD5EmB,qDACA,oEACA,yGCgFnB,yCDz/CD,2GA66CoB,gBCiFjB,CACF,6HD9EmB,eACA,eCkFnB,yCDpgDD,+HAu7CwB,qDCkFrB,CACF,mHD9EmB,eACA,kBCkFnB,yCD/gDD,4HAi8C4B,qDACA,oBCmFzB,yHD/EyB,qDCmFzB,CACF,yCD1hDD,mHA28CwB,aCoFrB,4HDjFyB,oBCqFzB,yHDjFyB,cCqFzB,CACF,+HDjFuB,SCqFvB,4IDhFmB,eACA,WCoFnB,yCDjjDD,4IAg+CwB,gBACA,WCsFrB,CACF,UD3EG,aAAe,eAAiB,sBAAgC,WAAa,YAAc,MAAQ,OAAS,cCsF/G,iBDrFc,cCyFd,gBDvFO,kBAAoB,UAAa,WAAc,cAAgB,gBAAkB,eCgGxF,4BD7FO,kBAAoB,QAAU,UAAY,mBAAqB,OCqGtE,mCDpGgB,kBAAoB,MAAQ,OAAS,WAAa,WAAa,gBC6G/E,gBDxGG,mBACA,qDACA,yGACA,oEACA,kEACA,iBACA,gBACA,YC4GH,mBDzGO,sEACA,eACA,gBACA,iBACA,cACA,kBC6GP,yCD7HD,mBAmBY,eACA,iBC+GT,CACF,oCDzGG,GAAO,WC8GR,ID7GQ,WCiHR,GDhHQ,WCoHR,CACF,4BDvHG,GAAO,WC8GR,ID7GQ,WCiHR,GDhHQ,WCoHR,CACF","file":"services/russellhobbs/subdomains/cdn/build/quiz-campaigns/moment-maker.css","sourcesContent":["/*\n*  To create a new theme copy this file and then adjust the campaign specifics accordingly\n*/\n@import \"../variables\";\n\n$campaignfolder: 'moment-maker';\n\n$brand_white: #fff;\n$brand_black: #1B1B1B;\n$overlay-black: #1B1B1B;\n\n$brand_background: #f1f1f1;\n$gyyo_darker_grey: #ababab;\n$gyyo_red: #e12b26;\n\n$brand_primary: (\n    'main' : #C61017,\n    'alt' : #ED1C24,\n);\n\n$border_radius: 0;\n\n$max-width: 1320px;\n$default-padding: (\n    'desktop' : 50px,\n    'mobile' : 0px\n);\n\n@font-face {\n    font-family: 'nimbus_monoregular';\n    src: url('../../../fonts/nimbusmono-regular-webfont.woff') format('woff');\n    font-weight: normal;\n    font-style: normal;\n}\n\n@font-face {font-family: 'AmericanTypewriterITCPro-Med';src: url('../../../fonts/AmericanTypewriter/354356_0_0.eot');src: url('../../../fonts/AmericanTypewriter/354356_0_0.eot?#iefix') format('embedded-opentype'),url('../../../fonts/AmericanTypewriter/354356_0_0.woff2') format('woff2'),url('../../../fonts/AmericanTypewriter/354356_0_0.woff') format('woff'),url('../../../fonts/AmericanTypewriter/354356_0_0.ttf') format('truetype');}\n\n\n$question-font: \"AmericanTypewriterITCPro-Med\", \"nimbus_monoregular\", \"monospace\";\n\n.#{$campaignfolder} {\n    background-color: $brand_background;\n    min-height: 400px;\n    min-height: 70vh;\n\n    * {\n        box-sizing: border-box;\n    }\n\n    &.loading {\n        max-height: 400px;\n        max-height: 70vh;\n        overflow: hidden;\n\n        .quiz__campaign__endpoint {\n            visibility: hidden;\n        }\n    }\n\n    .quiz__campaign-page {\n        position: relative;\n    }\n\n    .quiz__campaign-button {\n        background-color: map-get($brand_primary, 'main');\n        display: block;\n        color: $brand_white;\n        text-transform: uppercase;\n        text-decoration: none;\n        transition: .2s ease-out;\n        padding: 18px;\n        font-weight: 700;\n        font-size: 14px;\n\n        span,\n        strong {\n            color: $gyyo_red;\n            font-size: 21px;\n            text-transform: uppercase;\n            font-weight: 400;\n        }\n\n        &:link,\n        &:visited {\n            color: $brand_white;\n        }\n\n        &:hover,\n        &:active {\n            background-color: map-get($brand_primary, 'alt');\n        }\n    }\n\n    .quiz__campaign__landing {\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        max-width: $max-width;\n        margin: 0 auto 30px;\n        text-align: center;\n        position: relative;\n\n        .quiz__campaign__landing-header-mobile-image {\n            display: block;\n        }\n\n        .quiz__campaign__landing-header-image {\n            display: none;\n        }\n\n        @media only screen and (min-width: 768px) {\n            margin-top: map-get($default-padding, 'mobile');\n        }\n\n        @media only screen and (min-width: 1024px) {\n            margin-top: map-get($default-padding, 'desktop');\n\n            .quiz__campaign__landing-header-image {\n                display: block;\n            }\n\n            .quiz__campaign__landing-header-mobile-image {\n                display: none;\n            }\n        }\n\n        &-no-image {\n            background: $brand_white;\n            height: calc(100vh - 100px);\n\n            @media only screen and (min-width: 1024px) {\n                min-height: 650px;\n            }\n\n            .quiz__campaign__landing-content {\n                h1, p {\n                    color: $brand_black;\n                    position: relative;\n                }\n            }\n        }\n\n        &-header {\n            padding: 0;\n            position: relative;\n            width: 100%;\n\n            @media only screen and (min-width: 1024px) {\n                min-height: 650px;\n                position: absolute;\n                z-index: 1;\n                top: 0;\n                left: 0;\n                width: 100%;\n            }\n\n            // Assets uploaded with overlay already on\n            &:before {\n                content: \"\";\n                display: block;\n                background: $overlay-black;\n                opacity: 0.5;\n                position: absolute;\n                left: 0;\n                right: 0;\n                top: 0;\n                bottom: 0;\n                width: 100%;\n                height: 100%;\n                z-index: 2;\n            }\n\n            img {\n                display: block;\n                height: 280px;\n                object-fit: cover;\n                width: 100%;\n\n                @media only screen and (min-width: 1024px) {\n                    height: auto;\n                    max-height: 650px;\n                    position: absolute;\n                    z-index: 1;\n                }\n            }\n        }\n\n        &-content-text {\n            @media only screen and (min-width: 1024px){\n                min-height: 650px; width: 100%; position: relative; z-index: 3; display: flex; align-items: center; justify-content: center; flex-direction: column;\n            }\n        }\n\n        &-content {\n            display: flex;\n            justify-content: space-between;\n            flex-direction: column;\n            width: 100%;\n            position: relative;\n            z-index: 2;\n        }\n\n        &-decoration {\n            max-width: 960px; margin: 0 auto; padding: 40px 0;\n            img { width: 100%; margin: 5% 0; height: auto; display: block; }\n            @media only screen and (min-width: 768px){\n                img { max-width: 48%; margin: 0 1%; height: auto; display: block; float: left; }\n            }\n\n        }\n\n        &-text {\n            font-family: $question-font;\n            margin: 0 auto;\n            padding: 0 15px;\n            max-width: 400px;\n            width: 100%;\n        }\n\n        .quiz__campaign-button {\n            display: inline-block;\n            margin: 0 15px;\n            min-width: 130px;\n            text-align: center;\n            width: calc(100% - 30px);\n\n            @media only screen and (min-width: 1024px) {\n                margin: 0 auto;\n                width: auto;\n            }\n        }\n\n        h1,\n        h2 {\n            color: $brand_white;\n            font-size: 23px;\n            line-height: 30px;\n            font-weight: 400;\n            max-width: 260px;\n            margin: 0 auto 15px;\n            text-transform: none;\n            letter-spacing: normal;\n        }\n\n        h1 {\n            font-size: 38px;\n            line-height: 35px;\n            background-size: 185px;\n            display: block;\n            font-family: $question-font;\n            font-weight: bold;\n            margin-bottom: 0;\n            padding: 0;\n            text-align: center;\n\n            @media only screen and (min-width: 768px) {\n                font-size: 50px;\n                line-height: 45px;\n            }\n\n            @media only screen and (max-width: 1023px) {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                position: absolute;\n                top: -280px;\n                left: 0;\n                right: 0;\n                max-width: 80%;\n                height: 280px;\n            }\n\n            @media only screen and (min-width: 1024px) {\n                background: url('/images/campaigns/moment-maker/logo-ribbon.svg') center bottom no-repeat;\n                font-size: 65px;\n                line-height: 60px;\n                margin-bottom: 40px;\n                max-width: 60%;\n                margin: 0 20% 40px;\n                padding: 0 0 40px;\n            }\n        }\n\n        p {\n            color: $brand_black;\n            font-size: 17px;\n            font-weight: bold;\n            line-height: 26px;\n            margin: 20px 10px 40px;\n            text-transform: none;\n\n            @media only screen and (min-width: 1024px) {\n                color: $brand_white;\n                margin: 0 20px 25px;\n            }\n        }\n\n        @media only screen and (min-width: 768px) {\n            margin-bottom: 30px;\n        }\n    }\n\n    .quiz__campaign-question {\n        display: none;\n        overflow: hidden;\n        opacity: 0;\n        transition: 0.4s;\n        width: 100%;\n\n        &-active {\n            display: flex;\n            align-items: stretch;\n            flex-direction: column;\n            justify-content: center;\n            transform: translateY(0);\n            opacity: 1;\n            transition: 0.4s;\n\n            @media only screen and (min-width: 768px) {\n                flex-direction: row;\n            }\n        }\n\n        &-block {\n            background: center center no-repeat;\n            background-size: cover;\n            position: relative;\n            min-height: 600px;\n            min-height: 45vw;\n            width: 100%;\n\n            img {\n                object-fit: cover; position: absolute; top: 0; left: 0; margin: 0; width: 100%; height: 100%; z-index: 3;\n            }\n\n            @media only screen and (min-width: 1024px) {\n                width: 50%;\n                width: 50vw;\n            }\n\n            // &:before {\n            //     content: \"\";\n            //     display: block;\n            //     background: $overlay-black;\n            //     opacity: 0.35;\n            //     position: absolute;\n            //     left: 0;\n            //     right: 0;\n            //     top: 0;\n            //     bottom: 0;\n            //     z-index: 4;\n            // }\n        }\n\n        &-image {\n            width: calc(100% - 20px);\n            height: auto;\n            margin: 0 10px 25px;\n        }\n\n        &-number {\n            display: block;\n            font-size: 14px;\n            line-height: 18px;\n            margin-bottom: 20px;\n        }\n\n        &-text {\n            color: $brand_white;\n            font-family: $question-font;\n            font-size: 20px;\n            line-height: 26px;\n            font-weight: 700;\n            text-align: center;\n            margin: 0;\n            padding: 0 30px;\n            text-transform: none;\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 100%;\n            z-index: 5;\n\n            @media only screen and (min-width: 768px) {\n                font-size: 39px;\n                line-height: 46px;\n                padding: 0 25%;\n                text-align: left;\n            }\n        }\n    }\n\n    .quiz__campaign-answers,\n    .quiz__campaign_range-answers {\n        box-sizing: border-box;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        padding: 40px 20px 135px;\n        width: 100%;\n\n        @media only screen and (min-width: 1024px) {\n            width: 50%;\n            width: 50vw;\n        }\n    }\n\n    .quiz__campaign-answer {\n        background: $brand_white center center no-repeat;\n        color: $brand_black;\n        margin: 0;\n        width: 100%;\n\n        @media only screen and (min-width: 768px) {\n            width: 70%;\n        }\n\n        @media only screen and (min-width: 1024px) {\n            width: 50%;\n        }\n\n        &+ .quiz__campaign-answer {\n            margin-top: 20px;\n        }\n\n        &-active {\n            background-image: url('/images/campaigns/moment-maker/answer-bg.jpg');\n            background-size: cover;\n            color: $brand_white;\n\n            span::after {\n                background: url('/images/tick-red.svg') $brand_white center center no-repeat;\n                background-size: 10px 8px;\n            }\n\n            .quiz__campaign-answer-text {\n                background: transparent;\n            }\n\n            // .quiz__campaign-answer-text {\n            //     background: url('/images/campaigns/moment-maker/answer-bg.jpg') center center no-repeat;\n            //     background-size: cover;\n            //     color: $brand_white;\n\n            //     &::after {\n            //         background: url('/images/tick-red.svg') $brand_white center center no-repeat;\n            //         background-size: 10px 8px;\n            //     }\n            // }\n        }\n\n        &-text {\n            background-color: $brand_white;\n            border-bottom-right-radius: $border_radius;\n            border-bottom-left-radius: $border_radius;\n\n            &::after {\n                background-color: #f6f6f6;\n            }\n        }\n\n        &-image {\n            background-color: #d3d3d3;\n            padding-top: calc(75% /2);\n        }\n    }\n\n    .quiz__campaign-range-images {\n        img {\n            display: block;\n            height: auto;\n            margin: 0 auto;\n            max-width: 80px;\n        }\n    }\n\n    .quiz__campaign-range-area {\n        position: relative;\n\n        &:before {\n            background: $brand_black;\n            content: \"\";\n            display: block;\n            height: 20px;\n            position: absolute;\n            left: 0;\n            transform: translateX(50%);\n            bottom: -30px;\n            width: 1px;\n            z-index: -50;\n        }\n\n        &:after {\n            background: $brand_black;\n            content: \"\";\n            display: block;\n            height: 20px;\n            position: absolute;\n            right: 0;\n            transform: translateX(50%);\n            bottom: -30px;\n            width: 1px;\n            z-index: -50;\n        }\n    }\n\n    .quiz__campaign-question-range-labels {\n        span {\n            position: relative;\n            padding: 15px 0;\n            width: 100%;\n\n            &:before {\n                background: $brand_black;\n                content: \"\";\n                display: block;\n                height: 20px;\n                position: absolute;\n                left: 50%;\n                transform: translateX(50%);\n                top: -15px;\n                width: 1px;\n                z-index: -50;\n            }\n\n            &:last-child, &:first-child {\n                &:before {\n                    display: none;\n                }\n            }\n        }\n    }\n\n    .quiz__campaign-next {\n        background: map-get($brand_primary, 'main');\n        display: block;\n        height: 50px;\n        margin: 0;\n        opacity: 0;\n        padding: 0;\n        position: absolute;\n        right: 20px;\n        bottom: 65px;\n        width: 50px;\n        text-indent: -9999px;\n        transition: 0.4s;\n\n        @media only screen and(min-width: 768px) {\n            bottom: 50px;\n            right: 110px;\n        }\n\n        &::after {\n            position: absolute;\n            right: 18px;\n            top: 50%;\n            transform: translateY(-50%);\n            background-image: url('../../../images/campaigns/get-your-you-on/arrow-right.svg');\n            background-position: center;\n            background-repeat: no-repeat;\n            content: '';\n            display: block;\n            width: 15px;\n            height: 12px;\n        }\n\n        &:hover,\n        &:active {\n            background-color: map-get($brand_primary, 'alt');\n        }\n\n        &-active {\n            opacity: 1;\n            transition: 0.4s;\n        }\n    }\n\n    .swiper-pagination {\n        font-size: 0;\n\n        &-bullet {\n            background: none;\n            border: 1px solid $brand_black;\n            border-radius: 10px;\n            height: 10px;\n            margin: 0 5px;\n            width: 10px;\n\n            &-active {\n                background: map-get( $brand_primary, 'main' );\n                border-color: map-get( $brand_primary, 'main' );\n            }\n        }\n    }\n\n    .quiz__campaign__endpoint {\n\n        @media only screen and (min-width: 768px) {\n            padding-top: map-get($default-padding, 'mobile');\n        }\n\n        @media only screen and (min-width: 1024px) {\n            padding-top: map-get($default-padding, 'desktop');\n        }\n\n        .quiz__campaign__endpoint-button {\n            background-color: transparent;\n            border: 3px solid $brand_white;\n            border-radius: $border_radius;\n            box-shadow: rgba(0, 0, 0, .25) 0 2px 4px 0;\n            color: $brand_white;\n            display: inline-block;\n            font-weight: 700;\n            font-size: 13px;\n            letter-spacing: 0.05em;\n            margin: 0 5px;\n            padding: 16px;\n            text-transform: uppercase;\n            text-decoration: none;\n            text-align: center;\n            transition: .2s ease-out;\n            max-width: 100%;\n            width: 100%;\n\n            @media only screen and (min-width: 768px) {\n                max-width: 225px;\n                padding-left: 40px;\n                padding-right: 40px;\n                width: auto;\n            }\n\n            &:active,\n            &:focus,\n            &:hover {\n                background-color: $brand_white;\n                color: map-get($brand_primary, 'main');\n            }\n\n            &-primary {\n                background-color: map-get($brand_primary, 'main');\n                border-color: map-get($brand_primary, 'main');\n\n                &:active,\n                &:focus,\n                &:hover {\n                    background-color: map-get($brand_primary, 'alt');\n                    border-color: map-get($brand_primary, 'alt');\n                    color: $brand_white;\n                }\n            }\n        }\n\n        .quiz__campaign__endpoint-header-container {\n            background: none;\n            display: block;\n            max-width: $max-width;\n            margin: 0 auto 15px;\n            position: relative;\n\n            @media only screen and (max-width: 1023px) {\n                display: flex;\n                align-items: stretch;\n                flex-direction: row;\n                height: 100%;\n                width: 100%;\n            }\n\n            @media only screen and (max-width: 767px) {\n                flex-direction: column;\n            }\n\n            @media only screen and (min-width: 768px) {\n                margin: 0 auto 50px;\n            }\n\n            .quiz__campaign__endpoint-header {\n                display: flex;\n                flex-direction: column;\n                background: none;\n                padding: 0;\n                position: relative;\n\n                @media only screen and (min-width: 768px) {\n                    display: block;\n                    float: left;\n                    width: 65%;\n                }\n\n                @media only screen and (min-width: 1024px) {\n                    float: none;\n                    padding-bottom: 5%;\n                    width: 75%;\n                }\n\n                &-image {\n                    order: 1;\n                    position: relative;\n\n                    @media only screen and (max-width: 1023px) {\n                        height: 100%;\n\n                        img {\n                            height: 100%;\n                            object-fit: cover;\n                        }\n                    }\n\n                    @media only screen and (max-width: 767px) {\n                        a.mobile-video-link {\n                            display: flex;\n                            justify-content: center;\n                            align-items: center;\n                            position: absolute;\n                            top: 0;\n                            right: 0;\n                            bottom: 0;\n                            left: 0;\n\n                            &:before {\n                                background-image: url('/images/campaigns/moment-maker/video-icon.svg');\n                                content: \"\";\n                                display: block;\n                                height: 37px;\n                                width: 46px;\n                            }\n                        }\n                    }\n                }\n\n                &-title {\n                    order: 2;\n\n                    @media only screen and (max-width: 767px) {\n                        background-image: url('/images/campaigns/moment-maker/answer-bg.jpg');\n                        background-size: cover;\n                        padding: 30px 15%;\n\n                        h1 {\n                            font-size: 20px;\n                            line-height: 26px;\n                            text-align: center;\n                        }\n                    }\n\n                    @media only screen and (min-width: 768px) {\n                        max-width: 60%;\n                        position: absolute;\n                        bottom: 22%;\n                        left: 15%;\n                        z-index: 10;\n                    }\n\n                    h1 {\n                        color: $brand_white;\n                        font-family: $question-font;\n                        font-weight: 400;\n                        padding: 0;\n\n                        @media only screen and (min-width: 768px) {\n                            font-size: 30px;\n                            line-height: 36px;\n                            margin-bottom: 20px;\n                            max-width: 90%;\n                        }\n                    }\n\n                    a.video-link {\n                        color: $brand_white;\n                        display: flex;\n                        align-items: center;\n                        font-size: 12px;\n                        letter-spacing: 2px;\n                        line-height: 26px;\n                        text-decoration: none;\n                        text-transform: uppercase;\n\n                        @media only screen and (max-width: 767px) {\n                            display: none;\n                        }\n\n                        @media only screen and (min-width: 768px) {\n                            span {\n                                display: block;\n                            }\n                        }\n\n                        &:before {\n                            background-image: url('/images/campaigns/moment-maker/video-icon.svg');\n                            content: \"\";\n                            display: block;\n                            height: 37px;\n                            width: 46px;\n\n                            @media only screen and (min-width: 768px) {\n                                margin-right: 10px;\n                            }\n                        }\n                    }\n\n                    *:last-child {\n                        margin-bottom: 0;\n                    }\n                }\n\n                img {\n                    width: 100%;\n                }\n            }\n        }\n\n        .quiz__campaign__endpoint-primary-product {\n            text-align: center;\n            background-color: $brand_white;\n\n            @media only screen and (max-width: 767px) {\n                margin: 20px;\n            }\n\n            @media only screen and (min-width: 768px) {\n                background-color: $brand_white;\n                float: left;\n                width: 35%;\n            }\n\n            @media only screen and (min-width: 1024px) {\n                background-color: $brand_white;\n                box-shadow: rgba(0, 0, 0, 0.06) 4px 10px 10px 1px;\n                position: absolute;\n                right: 5%;\n                padding: 0;\n                bottom: 0;\n                width: 35%;\n            }\n\n            &-image-text {\n                background-color: $brand_white;\n                display: inline-block;\n                width: 100%;\n\n                @media only screen and (max-width: 767px) {\n                    padding: 20px 20px 0;\n                }\n\n                @media only screen and (min-width: 768px) {\n                    padding: 5% 10%;\n                }\n            }\n\n            &-price {\n                color: map-get($brand_primary, 'main');\n                font-size: 15px;\n                font-weight: 700;\n                line-height: 20px;\n            }\n\n            &-sku {\n                color: #4A4A4A;\n                font-size: 18px;\n                font-weight: bold;\n                line-height: 24px;\n            }\n\n            &-description {\n                background-color: $brand_white;\n                padding: 0 10% 5%;\n                clear: left;\n\n                @media only screen and (min-width: 768px) {\n                    padding: 5% 10%;\n                }\n\n                p {\n                    color: $brand_black;\n                    font-size: 14px;\n                    line-height: 22px;\n                    text-align: center;\n                    text-transform: none;\n                    margin: 10px 0;\n                }\n\n                .readmore {\n                    color: map-get($brand_primary, 'main');\n\n                    &:active,\n                    &:hover,\n                    &:visited {\n                        color: map-get($brand_primary, 'alt');\n                        text-transform: none;\n                        display: inline-block;\n                    }\n                }\n            }\n\n            &-name {\n                letter-spacing: normal;\n                text-transform: uppercase;\n                font-size: 14px;\n                font-weight: 700;\n                font-family: Helvetica, Arial, sans-serif;\n\n                @media only screen and (min-width: 768px) {\n                    padding-right: 20px;\n                }\n            }\n\n            &-text {\n                &.side {\n                    h2 {\n                        display: none;\n                    }\n\n                    &.no-image {\n                        text-align: center;\n                    }\n                }\n\n                &.top {\n\n                    h2 {\n                        color: $brand_black;\n                        margin-bottom: 40px;\n                        padding: 0;\n                        text-align: center;\n                    }\n\n                    @media only screen and (max-width: 767px) {\n                        background: $brand_background;\n                        padding: 20px 0 0;\n\n                        h2 {\n                            display: inline-block;\n                            font-size: 18px;\n                            line-height: 24px;\n                            margin-bottom: 25px;\n                            padding-bottom: 0;\n                        }\n                    }\n                }\n\n            }\n\n            &-image {\n                padding-top: 30px;\n\n                @media only screen and (min-width: 1024px) {\n                    padding: 0 20px;\n                    width: 60%;\n                }\n\n                img {\n                    max-height: 150px;\n                    max-width: 180px;\n                }\n            }\n\n\n            @media only screen and (min-width: 768px) {\n                padding: 20px 0 0;\n            }\n\n            @media only screen and (min-width: 1024px) {\n                padding: 40px 0 0;\n                max-width: 970px;\n                margin: 0 auto;\n\n                &-name {\n                    font-family: 'Arial';\n                    font-size: 20px;\n                    line-height: 24px;\n                }\n\n                &-image-text {\n                    display: flex;\n                    flex-direction: row;\n                    align-items: center;\n                    justify-content: center;\n                    padding: 10%;\n                }\n\n                &-text {\n                    text-align: left;\n\n                    &.side {\n                        h2 {\n                            display: none;\n                        }\n                    }\n\n                    &.top {\n                        h2 {\n                            margin-bottom: 40px;\n                            padding: 0;\n                            text-align: center;\n                        }\n                    }\n\n                }\n\n                &-image {\n                    float: left;\n                }\n            }\n        }\n\n        .quiz__campaign__endpoint-product-actions {\n                background-image: url('/images/campaigns/moment-maker/answer-bg.jpg');\n                background-size: cover;\n                display: flex;\n                justify-content: center;\n                padding: 30px 10px;\n\n                a {\n                    max-width: 130px;\n                }\n        }\n\n        .quiz__campaign__endpoint-header-container-no-image {\n            .quiz__campaign__endpoint-header {\n                width: 100%;\n                &-title {\n                    position: static; max-width: 100%;\n                    h1  { color: $brand_black; text-align: center; max-width: 100%; }\n                }\n            }\n\n            .quiz__campaign__endpoint-primary-product { position: static; float: none; margin-bottom: 50px; }\n        }\n\n        .quiz__campaign__endpoint-title {\n            color: $brand_black;\n            font-size: 18px;\n            line-height: 24px;\n            margin-bottom: 20px;\n            text-align: center;\n            padding: 0;\n\n            @media only screen and (min-width: 768px) {\n                font-size: 22px;\n                line-height: 28px;\n            }\n        }\n\n        .quiz__campaign__endpoint-subtitle {\n            color: map-get( $brand_primary, 'main' );\n            font-size: 12px;\n            line-height: 16px;\n            margin-bottom: 10px;\n            padding: 0;\n            text-transform: uppercase;\n        }\n\n        .quiz__campaign-endpoint-blocks {\n            max-width: 1100px;\n            margin: 0 auto;\n            padding: 0 20px;\n            width: 100%;\n\n            img {\n                display: block;\n            }\n\n            @media only screen and (min-width: 768px) {\n                padding: 0 0 80px;\n            }\n\n            > div {\n                width: 100%;\n\n                @media only screen and (max-width: 767px) {\n                    border-top: 1px solid #BCBCBC;\n                }\n\n                @media only screen and (min-width: 768px) {\n                    background: $brand_white;\n                    margin-bottom: 30px;\n                }\n            }\n\n            .block {\n                width: calc(100% - 40px);\n\n                &-sizer {\n                    border: none;\n                }\n\n                @media only screen and (min-width: 768px) {\n                    width: calc(50% - 30px);\n                    margin: 15px;\n\n                    &-sizer {\n                        width: 50%;\n                    }\n                }\n            }\n\n            .quiz__campaign__endpoint_products {\n                text-transform: none;\n                background: transparent;\n                border-top: 0;\n                max-width: 1070px;\n                overflow: hidden;\n                padding: 0;\n                text-align: center;\n                width: calc(100% - 40px);\n\n\n                @media only screen and (min-width: 768px) {\n                    margin: 0 15px;\n                    width: calc(100% - 30px);\n                }\n\n                @media only screen {\n                    border-top: none;\n                }\n\n                .quiz__campaign__endpoint-title {\n                    margin-bottom: 25px;\n                    text-transform: uppercase;\n                }\n\n                .quiz__campaign__endpoint-related-carousel {\n                    margin: 30px 0 20px;\n                    padding: 0 0 30px;\n                    position: relative;\n                    overflow: hidden;\n\n                    @media only screen and (min-width: 768px) {\n                        margin-bottom: 40px;\n                    }\n\n                    &:before {\n                        background: $brand_white;\n                        content: \"\";\n                        display: block;\n                        position: absolute;\n                        left: 0;\n                        top: 0;\n                        height: calc(100% - 165px);\n                        width: 2px;\n                        z-index: 10;\n                    }\n\n                    .carousel-item {\n                        background-color: $brand_white;\n                        text-align: center;\n\n                        .price {\n                            color: map-get( $brand_primary, 'main' );\n                            font-weight: 700;\n                            margin: 0;\n                        }\n\n                        .product-model {\n                            display: none;\n                            font-size: 14px;\n                            margin-top: 0;\n                        }\n\n                        h3 {\n                            font-family: Helvetica, Arial, sans-serif;\n                            font-size: 18px;\n                            font-weight: bold;\n                            line-height: 24px;\n                            letter-spacing: normal;\n                            margin: 0;\n                        }\n\n                        .product-image {\n                            height: 150px;\n                            width: 150px;\n                            background-color: #fff;\n                            background-size: contain;\n                            background-position: center;\n                            background-repeat: no-repeat;\n                            margin: 0 auto 15px;\n                        }\n\n                        img {\n                            display: none;\n                            margin: 0 auto;\n                            max-height: 150px;\n                        }\n\n                        .product-container {\n                            border-left: 1px solid #BCBCBC;\n                            padding: 10px 25px;\n                            margin: 25px 0;\n                            text-align: center;\n                        }\n                    }\n                }\n\n            }\n\n            .quiz__campaign__endpoint_video {\n                display: flex;\n                flex-direction: column;\n                padding: 30px 0 0;\n\n                @media only screen and (min-width: 768px) {\n                    padding: 0 0 30px;\n\n                    .quiz__campaign__endpoint-title {\n                        margin: 0;\n                    }\n                }\n\n                @media only screen and (max-width: 767px) {\n                    .quiz__campaign__endpoint-video-wrap {\n                        order: 2;\n                    }\n                }\n\n                &-container {\n                    .quiz__campaign__endpoint-video-placeholder {\n                        &+ .quiz__campaign__endpoint-video-wrap {\n                            display: none;\n                        }\n                    }\n                    &.active {\n                        .quiz__campaign__endpoint-video-placeholder {\n                            display: none;\n                        }\n                        .quiz__campaign__endpoint-video-wrap {\n                            display: block;\n                        }\n                    }\n                }\n\n                &-content {\n                    padding: 30px;\n                    text-align: center;\n\n                    @media only screen and (max-width: 767px) {\n                        &.subtitle {\n                            order: 1;\n                            padding-bottom: 20px;\n                        }\n\n                        &.title {\n                            order: 3;\n                        }\n                    }\n\n                    @media only screen and (min-width: 768px) {\n                        &.subtitle {\n                            padding-bottom: 10px;\n\n                            &+ .title {\n                                padding-top: 0;\n                            }\n                        }\n\n\n                    }\n\n                    a {\n                        display: inline-block;\n                    }\n                }\n            }\n\n            .quiz__campaign__endpoint_article {\n                display: flex;\n                flex-direction: column;\n\n                > div {\n                    display: flex;\n                    justify-content: center;\n                    flex-direction: column;\n                }\n\n                @media only screen and (max-width: 767px) {\n\n                    .quiz__campaign__endpoint_article-top {\n                        display: flex;\n                        flex-direction: column;\n                    }\n                    .article-image-link {\n                        order: 2;\n                    }\n                }\n\n                &-content {\n                    padding: 30px 0;\n                    text-align: center;\n\n                    @media only screen and (max-width: 767px) {\n                        &.subtitle {\n                            order: 1;\n                            padding-bottom: 20px;\n                        }\n\n                        &.title {\n                            order: 3;\n                        }\n                    }\n\n                    @media only screen and (min-width: 768px) {\n                        padding: 30px;\n\n                        &.subtitle {\n                            padding-bottom: 10px;\n                        }\n\n                        &.title {\n                            padding-top: 0;\n                        }\n                    }\n\n                    *:last-child {\n                        margin: 0;\n                    }\n\n                    .quiz__campaign__endpoint-button {\n                        max-width: 100%;\n                        width: 100%;\n\n                        @media only screen and (min-width: 768px) {\n                            max-width: 225px;\n                            padding-left: 40px;\n                            padding-right: 40px;\n                            width: auto;\n                        }\n                    }\n                }\n            }\n\n            .quiz__campaign__endpoint_spotify {\n                background: transparent !important;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                flex-direction: column;\n                text-align: center;\n                padding: 30px 0;\n\n                @media only screen and (min-width: 768px) {\n                    border: 2px solid #CBCBCB;\n                    padding: 40px 40px 70px;\n                }\n\n                .quiz__campaign__endpoint-campaign-title {\n                    margin-bottom: 40px;\n                    padding: 0;\n                    text-align: center;\n                }\n\n                &-actions {\n                    display: none;\n                }\n\n                &-player {\n                    margin-top: 40px;\n                }\n\n                .quiz__campaign__endpoint-share {\n                    display: none;\n                }\n            }\n\n            .quiz__campaign__endpoint_startagain {\n                .quiz__campaign__endpoint-startagain {\n                    background: $brand_white;\n                    border-top: none !important;\n                    padding: 40px 20px;\n                    text-align: center;\n\n                    @media only screen and (max-width: 767px) {\n                        margin: 0 -20px !important;\n                        width: auto !important;\n                    }\n\n                    @media only screen and (min-width: 768px) {\n                        padding: 70px 30px;\n\n                        .quiz__campaign__endpoint-title {\n                            margin-bottom: 40px;\n                        }\n                    }\n                }\n\n                .quiz__campaign__endpoint-title {\n                    margin-bottom: 20px;\n                }\n\n                .quiz__campaign__endpoint-button {\n                    margin: 0;\n\n                    img {\n                        display: none;\n                    }\n\n                    p {\n                        color: $brand_white;\n                        margin: 0;\n                    }\n                }\n\n            }\n\n            .quiz__campaign__endpoint_share {\n                background: url('/images/campaigns/moment-maker/answer-bg.jpg');\n                background-size: cover;\n                border-top: 0;\n                font-size: 0;\n                padding: 40px;\n                text-align: center;\n\n                @media only screen and (max-width: 767px) {\n                    margin: 0 -20px 30px;\n                    width: 100vw;\n                }\n\n                @media only screen and (min-width: 768px) {\n                    padding: 70px;\n\n                }\n\n                .quiz__campaign__endpoint-title {\n                    margin-bottom: 20px;\n                }\n\n                * {\n                    color: $brand_white;\n                }\n\n                .social-share {\n                    display: inline-block;\n                    border: 1px solid $brand_white;\n                    border-radius: 50px;\n                    height: 50px;\n                    margin: 0 10px;\n                    width: 50px;\n\n                    i {\n                        display: block;\n                        font-size: 18px;\n                        line-height: 52px;\n\n                        span {\n                            display: none;\n                        }\n                    }\n                }\n            }\n\n            .quiz__campaign__endpoint_images {\n                display: flex;\n                flex-direction: column;\n                overflow: hidden;\n                padding: 30px 0 0;\n\n                .quiz__campaign__endpoint_article-content {\n                    padding-top: 0;\n                }\n\n                @media only screen and (min-width: 768px) {\n                    padding: 0 0 30px;\n                }\n\n                .swiper-container {\n                    max-width: 100%;\n                    padding: 0;\n\n                    @media only screen and (max-width: 767px) {\n                        order: 2;\n                        padding-top: 0;\n                    }\n                }\n\n                .swiper-slide {\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    align-self: center;\n                }\n                .swiper-pagination {\n                    bottom: 0 !important;\n                    padding: 30px 20px;\n                }\n            }\n\n            .quiz__campaign__endpoint_endpoint {\n\n                > div {\n                    display: flex;\n                    justify-content: center;\n                    flex-direction: column;\n                }\n\n                @media only screen and (min-width: 768px) {\n                    background: $brand_white;\n                }\n\n                .swiper-container {\n                    max-width: 100%;\n                    padding: 20px 0;\n                }\n\n                @media only screen and (max-width: 767px) {\n                    .article-image-link {\n                        order: 2;\n                    }\n                }\n\n                &-content {\n                    padding: 30px 0;\n                    text-align: center;\n\n                    @media only screen and (max-width: 767px) {\n                        &.subtitle {\n                            order: 1;\n                            padding-bottom: 20px;\n                        }\n\n                        &.title {\n                            order: 3;\n                        }\n                    }\n\n                    @media only screen and (min-width: 768px) {\n                        padding: 30px;\n\n                        &.subtitle {\n                            padding-bottom: 10px;\n                        }\n\n                        &.title {\n                            padding-top: 0;\n                        }\n                    }\n\n                    *:last-child {\n                        margin: 0;\n                    }\n                }\n\n                .quiz__campaign__endpoint-button {\n                    max-width: 100%;\n                    width: 100%;\n\n                    @media only screen and (min-width: 768px) {\n                        max-width: 225px;\n                        width: auto;\n                    }\n                }\n            }\n        }\n\n\n    }\n\n}\n\n.takeover {\n    display: none; position: fixed; background-color: $brand_white; width: 100%; height: 100%; top: 0; left: 0; z-index: 99999;\n    &-active { display: block; }\n    &-close {\n        position: absolute; top: 0.25em; right: 0.5em; font-size: 3em; z-index: 1000000; cursor: pointer;\n    }\n    .responsive-video {\n        position: absolute; left: 5%; width: 90%; padding-top: 56.25%; top: 5%;\n        iframe { position: absolute; top: 0; left: 0; width: 100%; height: 90%; max-height: 90vh; }\n    }\n}\n\n.loading-screen {\n    background: $brand_background;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    min-height: 400px;\n    min-height: 70vh;\n    z-index: 100;\n\n    h2 {\n        font-family: $question-font;\n        font-size: 20px;\n        font-weight: 700;\n        line-height: 26px;\n        margin: 20px 0;\n        text-align: center;\n\n        @media only screen and (min-width: 768px) {\n            font-size: 39px;\n            line-height: 46px;\n        }\n    }\n\n}\n\n@keyframes flickerAnimation {\n    0%   { opacity: 0.7; }\n    50%  { opacity: 0.5; }\n    100% { opacity: 0.7; }\n}\n\n\n// WEBPACK FOOTER //\n// ./services/russellhobbs/subdomains/cdn/scss/quiz-campaign/themes/services/russellhobbs/subdomains/cdn/scss/quiz-campaign/themes/moment-maker.scss","/*\n*  To create a new theme copy this file and then adjust the campaign specifics accordingly\n*/\n\n@font-face {\n  font-family: 'nimbus_monoregular';\n  src: url(\"../../../fonts/nimbusmono-regular-webfont.woff\") format(\"woff\");\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: 'AmericanTypewriterITCPro-Med';\n  src: url(\"../../../fonts/AmericanTypewriter/354356_0_0.eot\");\n  src: url(\"../../../fonts/AmericanTypewriter/354356_0_0.eot\") format(\"embedded-opentype\"), url(\"../../../fonts/AmericanTypewriter/354356_0_0.woff2\") format(\"woff2\"), url(\"../../../fonts/AmericanTypewriter/354356_0_0.woff\") format(\"woff\"), url(\"../../../fonts/AmericanTypewriter/354356_0_0.ttf\") format(\"truetype\");\n}\n\n.moment-maker {\n  background-color: #f1f1f1;\n  min-height: 400px;\n  min-height: 70vh;\n}\n\n.moment-maker * {\n  box-sizing: border-box;\n}\n\n.moment-maker.loading {\n  max-height: 400px;\n  max-height: 70vh;\n  overflow: hidden;\n}\n\n.moment-maker.loading .quiz__campaign__endpoint {\n  visibility: hidden;\n}\n\n.moment-maker .quiz__campaign-page {\n  position: relative;\n}\n\n.moment-maker .quiz__campaign-button {\n  background-color: #C61017;\n  display: block;\n  color: #fff;\n  text-transform: uppercase;\n  text-decoration: none;\n  transition: .2s ease-out;\n  padding: 18px;\n  font-weight: 700;\n  font-size: 14px;\n}\n\n.moment-maker .quiz__campaign-button span,\n.moment-maker .quiz__campaign-button strong {\n  color: #e12b26;\n  font-size: 21px;\n  text-transform: uppercase;\n  font-weight: 400;\n}\n\n.moment-maker .quiz__campaign-button:link,\n.moment-maker .quiz__campaign-button:visited {\n  color: #fff;\n}\n\n.moment-maker .quiz__campaign-button:hover,\n.moment-maker .quiz__campaign-button:active {\n  background-color: #ED1C24;\n}\n\n.moment-maker .quiz__campaign__landing {\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  max-width: 1320px;\n  margin: 0 auto 30px;\n  text-align: center;\n  position: relative;\n}\n\n.moment-maker .quiz__campaign__landing .quiz__campaign__landing-header-mobile-image {\n  display: block;\n}\n\n.moment-maker .quiz__campaign__landing .quiz__campaign__landing-header-image {\n  display: none;\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__landing {\n    margin-top: 0px;\n  }\n}\n\n@media only screen and (min-width: 1024px) {\n  .moment-maker .quiz__campaign__landing {\n    margin-top: 50px;\n  }\n\n  .moment-maker .quiz__campaign__landing .quiz__campaign__landing-header-image {\n    display: block;\n  }\n\n  .moment-maker .quiz__campaign__landing .quiz__campaign__landing-header-mobile-image {\n    display: none;\n  }\n}\n\n.moment-maker .quiz__campaign__landing-no-image {\n  background: #fff;\n  height: calc(100vh - 100px);\n}\n\n@media only screen and (min-width: 1024px) {\n  .moment-maker .quiz__campaign__landing-no-image {\n    min-height: 650px;\n  }\n}\n\n.moment-maker .quiz__campaign__landing-no-image .quiz__campaign__landing-content h1,\n.moment-maker .quiz__campaign__landing-no-image .quiz__campaign__landing-content p {\n  color: #1B1B1B;\n  position: relative;\n}\n\n.moment-maker .quiz__campaign__landing-header {\n  padding: 0;\n  position: relative;\n  width: 100%;\n}\n\n@media only screen and (min-width: 1024px) {\n  .moment-maker .quiz__campaign__landing-header {\n    min-height: 650px;\n    position: absolute;\n    z-index: 1;\n    top: 0;\n    left: 0;\n    width: 100%;\n  }\n}\n\n.moment-maker .quiz__campaign__landing-header:before {\n  content: \"\";\n  display: block;\n  background: #1B1B1B;\n  opacity: 0.5;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n}\n\n.moment-maker .quiz__campaign__landing-header img {\n  display: block;\n  height: 280px;\n  object-fit: cover;\n  width: 100%;\n}\n\n@media only screen and (min-width: 1024px) {\n  .moment-maker .quiz__campaign__landing-header img {\n    height: auto;\n    max-height: 650px;\n    position: absolute;\n    z-index: 1;\n  }\n}\n\n@media only screen and (min-width: 1024px) {\n  .moment-maker .quiz__campaign__landing-content-text {\n    min-height: 650px;\n    width: 100%;\n    position: relative;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n  }\n}\n\n.moment-maker .quiz__campaign__landing-content {\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  width: 100%;\n  position: relative;\n  z-index: 2;\n}\n\n.moment-maker .quiz__campaign__landing-decoration {\n  max-width: 960px;\n  margin: 0 auto;\n  padding: 40px 0;\n}\n\n.moment-maker .quiz__campaign__landing-decoration img {\n  width: 100%;\n  margin: 5% 0;\n  height: auto;\n  display: block;\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__landing-decoration img {\n    max-width: 48%;\n    margin: 0 1%;\n    height: auto;\n    display: block;\n    float: left;\n  }\n}\n\n.moment-maker .quiz__campaign__landing-text {\n  font-family: \"AmericanTypewriterITCPro-Med\", \"nimbus_monoregular\", \"monospace\";\n  margin: 0 auto;\n  padding: 0 15px;\n  max-width: 400px;\n  width: 100%;\n}\n\n.moment-maker .quiz__campaign__landing .quiz__campaign-button {\n  display: inline-block;\n  margin: 0 15px;\n  min-width: 130px;\n  text-align: center;\n  width: calc(100% - 30px);\n}\n\n@media only screen and (min-width: 1024px) {\n  .moment-maker .quiz__campaign__landing .quiz__campaign-button {\n    margin: 0 auto;\n    width: auto;\n  }\n}\n\n.moment-maker .quiz__campaign__landing h1,\n.moment-maker .quiz__campaign__landing h2 {\n  color: #fff;\n  font-size: 23px;\n  line-height: 30px;\n  font-weight: 400;\n  max-width: 260px;\n  margin: 0 auto 15px;\n  text-transform: none;\n  letter-spacing: normal;\n}\n\n.moment-maker .quiz__campaign__landing h1 {\n  font-size: 38px;\n  line-height: 35px;\n  background-size: 185px;\n  display: block;\n  font-family: \"AmericanTypewriterITCPro-Med\", \"nimbus_monoregular\", \"monospace\";\n  font-weight: bold;\n  margin-bottom: 0;\n  padding: 0;\n  text-align: center;\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__landing h1 {\n    font-size: 50px;\n    line-height: 45px;\n  }\n}\n\n@media only screen and (max-width: 1023px) {\n  .moment-maker .quiz__campaign__landing h1 {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    top: -280px;\n    left: 0;\n    right: 0;\n    max-width: 80%;\n    height: 280px;\n  }\n}\n\n@media only screen and (min-width: 1024px) {\n  .moment-maker .quiz__campaign__landing h1 {\n    background: url(\"/images/campaigns/moment-maker/logo-ribbon.svg\") center bottom no-repeat;\n    font-size: 65px;\n    line-height: 60px;\n    margin-bottom: 40px;\n    max-width: 60%;\n    margin: 0 20% 40px;\n    padding: 0 0 40px;\n  }\n}\n\n.moment-maker .quiz__campaign__landing p {\n  color: #1B1B1B;\n  font-size: 17px;\n  font-weight: bold;\n  line-height: 26px;\n  margin: 20px 10px 40px;\n  text-transform: none;\n}\n\n@media only screen and (min-width: 1024px) {\n  .moment-maker .quiz__campaign__landing p {\n    color: #fff;\n    margin: 0 20px 25px;\n  }\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__landing {\n    margin-bottom: 30px;\n  }\n}\n\n.moment-maker .quiz__campaign-question {\n  display: none;\n  overflow: hidden;\n  opacity: 0;\n  transition: 0.4s;\n  width: 100%;\n}\n\n.moment-maker .quiz__campaign-question-active {\n  display: flex;\n  align-items: stretch;\n  flex-direction: column;\n  justify-content: center;\n  transform: translateY(0);\n  opacity: 1;\n  transition: 0.4s;\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign-question-active {\n    flex-direction: row;\n  }\n}\n\n.moment-maker .quiz__campaign-question-block {\n  background: center center no-repeat;\n  background-size: cover;\n  position: relative;\n  min-height: 600px;\n  min-height: 45vw;\n  width: 100%;\n}\n\n.moment-maker .quiz__campaign-question-block img {\n  object-fit: cover;\n  position: absolute;\n  top: 0;\n  left: 0;\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 3;\n}\n\n@media only screen and (min-width: 1024px) {\n  .moment-maker .quiz__campaign-question-block {\n    width: 50%;\n    width: 50vw;\n  }\n}\n\n.moment-maker .quiz__campaign-question-image {\n  width: calc(100% - 20px);\n  height: auto;\n  margin: 0 10px 25px;\n}\n\n.moment-maker .quiz__campaign-question-number {\n  display: block;\n  font-size: 14px;\n  line-height: 18px;\n  margin-bottom: 20px;\n}\n\n.moment-maker .quiz__campaign-question-text {\n  color: #fff;\n  font-family: \"AmericanTypewriterITCPro-Med\", \"nimbus_monoregular\", \"monospace\";\n  font-size: 20px;\n  line-height: 26px;\n  font-weight: 700;\n  text-align: center;\n  margin: 0;\n  padding: 0 30px;\n  text-transform: none;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  z-index: 5;\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign-question-text {\n    font-size: 39px;\n    line-height: 46px;\n    padding: 0 25%;\n    text-align: left;\n  }\n}\n\n.moment-maker .quiz__campaign-answers,\n.moment-maker .quiz__campaign_range-answers {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 40px 20px 135px;\n  width: 100%;\n}\n\n@media only screen and (min-width: 1024px) {\n  .moment-maker .quiz__campaign-answers,\n  .moment-maker .quiz__campaign_range-answers {\n    width: 50%;\n    width: 50vw;\n  }\n}\n\n.moment-maker .quiz__campaign-answer {\n  background: #fff center center no-repeat;\n  color: #1B1B1B;\n  margin: 0;\n  width: 100%;\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign-answer {\n    width: 70%;\n  }\n}\n\n@media only screen and (min-width: 1024px) {\n  .moment-maker .quiz__campaign-answer {\n    width: 50%;\n  }\n}\n\n.moment-maker .quiz__campaign-answer + .quiz__campaign-answer {\n  margin-top: 20px;\n}\n\n.moment-maker .quiz__campaign-answer-active {\n  background-image: url(\"/images/campaigns/moment-maker/answer-bg.jpg\");\n  background-size: cover;\n  color: #fff;\n}\n\n.moment-maker .quiz__campaign-answer-active span::after {\n  background: url(\"/images/tick-red.svg\") #fff center center no-repeat;\n  background-size: 10px 8px;\n}\n\n.moment-maker .quiz__campaign-answer-active .quiz__campaign-answer-text {\n  background: transparent;\n}\n\n.moment-maker .quiz__campaign-answer-text {\n  background-color: #fff;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.moment-maker .quiz__campaign-answer-text::after {\n  background-color: #f6f6f6;\n}\n\n.moment-maker .quiz__campaign-answer-image {\n  background-color: #d3d3d3;\n  padding-top: calc(75% /2);\n}\n\n.moment-maker .quiz__campaign-range-images img {\n  display: block;\n  height: auto;\n  margin: 0 auto;\n  max-width: 80px;\n}\n\n.moment-maker .quiz__campaign-range-area {\n  position: relative;\n}\n\n.moment-maker .quiz__campaign-range-area:before {\n  background: #1B1B1B;\n  content: \"\";\n  display: block;\n  height: 20px;\n  position: absolute;\n  left: 0;\n  transform: translateX(50%);\n  bottom: -30px;\n  width: 1px;\n  z-index: -50;\n}\n\n.moment-maker .quiz__campaign-range-area:after {\n  background: #1B1B1B;\n  content: \"\";\n  display: block;\n  height: 20px;\n  position: absolute;\n  right: 0;\n  transform: translateX(50%);\n  bottom: -30px;\n  width: 1px;\n  z-index: -50;\n}\n\n.moment-maker .quiz__campaign-question-range-labels span {\n  position: relative;\n  padding: 15px 0;\n  width: 100%;\n}\n\n.moment-maker .quiz__campaign-question-range-labels span:before {\n  background: #1B1B1B;\n  content: \"\";\n  display: block;\n  height: 20px;\n  position: absolute;\n  left: 50%;\n  transform: translateX(50%);\n  top: -15px;\n  width: 1px;\n  z-index: -50;\n}\n\n.moment-maker .quiz__campaign-question-range-labels span:last-child:before,\n.moment-maker .quiz__campaign-question-range-labels span:first-child:before {\n  display: none;\n}\n\n.moment-maker .quiz__campaign-next {\n  background: #C61017;\n  display: block;\n  height: 50px;\n  margin: 0;\n  opacity: 0;\n  padding: 0;\n  position: absolute;\n  right: 20px;\n  bottom: 65px;\n  width: 50px;\n  text-indent: -9999px;\n  transition: 0.4s;\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign-next {\n    bottom: 50px;\n    right: 110px;\n  }\n}\n\n.moment-maker .quiz__campaign-next::after {\n  position: absolute;\n  right: 18px;\n  top: 50%;\n  transform: translateY(-50%);\n  background-image: url(\"../../../images/campaigns/get-your-you-on/arrow-right.svg\");\n  background-position: center;\n  background-repeat: no-repeat;\n  content: '';\n  display: block;\n  width: 15px;\n  height: 12px;\n}\n\n.moment-maker .quiz__campaign-next:hover,\n.moment-maker .quiz__campaign-next:active {\n  background-color: #ED1C24;\n}\n\n.moment-maker .quiz__campaign-next-active {\n  opacity: 1;\n  transition: 0.4s;\n}\n\n.moment-maker .swiper-pagination {\n  font-size: 0;\n}\n\n.moment-maker .swiper-pagination-bullet {\n  background: none;\n  border: 1px solid #1B1B1B;\n  border-radius: 10px;\n  height: 10px;\n  margin: 0 5px;\n  width: 10px;\n}\n\n.moment-maker .swiper-pagination-bullet-active {\n  background: #C61017;\n  border-color: #C61017;\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint {\n    padding-top: 0px;\n  }\n}\n\n@media only screen and (min-width: 1024px) {\n  .moment-maker .quiz__campaign__endpoint {\n    padding-top: 50px;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-button {\n  background-color: transparent;\n  border: 3px solid #fff;\n  border-radius: 0;\n  box-shadow: rgba(0, 0, 0, 0.25) 0 2px 4px 0;\n  color: #fff;\n  display: inline-block;\n  font-weight: 700;\n  font-size: 13px;\n  letter-spacing: 0.05em;\n  margin: 0 5px;\n  padding: 16px;\n  text-transform: uppercase;\n  text-decoration: none;\n  text-align: center;\n  transition: .2s ease-out;\n  max-width: 100%;\n  width: 100%;\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-button {\n    max-width: 225px;\n    padding-left: 40px;\n    padding-right: 40px;\n    width: auto;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-button:active,\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-button:focus,\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-button:hover {\n  background-color: #fff;\n  color: #C61017;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-button-primary {\n  background-color: #C61017;\n  border-color: #C61017;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-button-primary:active,\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-button-primary:focus,\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-button-primary:hover {\n  background-color: #ED1C24;\n  border-color: #ED1C24;\n  color: #fff;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container {\n  background: none;\n  display: block;\n  max-width: 1320px;\n  margin: 0 auto 15px;\n  position: relative;\n}\n\n@media only screen and (max-width: 1023px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container {\n    display: flex;\n    align-items: stretch;\n    flex-direction: row;\n    height: 100%;\n    width: 100%;\n  }\n}\n\n@media only screen and (max-width: 767px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container {\n    flex-direction: column;\n  }\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container {\n    margin: 0 auto 50px;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container .quiz__campaign__endpoint-header {\n  display: flex;\n  flex-direction: column;\n  background: none;\n  padding: 0;\n  position: relative;\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container .quiz__campaign__endpoint-header {\n    display: block;\n    float: left;\n    width: 65%;\n  }\n}\n\n@media only screen and (min-width: 1024px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container .quiz__campaign__endpoint-header {\n    float: none;\n    padding-bottom: 5%;\n    width: 75%;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container .quiz__campaign__endpoint-header-image {\n  order: 1;\n  position: relative;\n}\n\n@media only screen and (max-width: 1023px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container .quiz__campaign__endpoint-header-image {\n    height: 100%;\n  }\n\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container .quiz__campaign__endpoint-header-image img {\n    height: 100%;\n    object-fit: cover;\n  }\n}\n\n@media only screen and (max-width: 767px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container .quiz__campaign__endpoint-header-image a.mobile-video-link {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n  }\n\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container .quiz__campaign__endpoint-header-image a.mobile-video-link:before {\n    background-image: url(\"/images/campaigns/moment-maker/video-icon.svg\");\n    content: \"\";\n    display: block;\n    height: 37px;\n    width: 46px;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container .quiz__campaign__endpoint-header-title {\n  order: 2;\n}\n\n@media only screen and (max-width: 767px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container .quiz__campaign__endpoint-header-title {\n    background-image: url(\"/images/campaigns/moment-maker/answer-bg.jpg\");\n    background-size: cover;\n    padding: 30px 15%;\n  }\n\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container .quiz__campaign__endpoint-header-title h1 {\n    font-size: 20px;\n    line-height: 26px;\n    text-align: center;\n  }\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container .quiz__campaign__endpoint-header-title {\n    max-width: 60%;\n    position: absolute;\n    bottom: 22%;\n    left: 15%;\n    z-index: 10;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container .quiz__campaign__endpoint-header-title h1 {\n  color: #fff;\n  font-family: \"AmericanTypewriterITCPro-Med\", \"nimbus_monoregular\", \"monospace\";\n  font-weight: 400;\n  padding: 0;\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container .quiz__campaign__endpoint-header-title h1 {\n    font-size: 30px;\n    line-height: 36px;\n    margin-bottom: 20px;\n    max-width: 90%;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container .quiz__campaign__endpoint-header-title a.video-link {\n  color: #fff;\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n  letter-spacing: 2px;\n  line-height: 26px;\n  text-decoration: none;\n  text-transform: uppercase;\n}\n\n@media only screen and (max-width: 767px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container .quiz__campaign__endpoint-header-title a.video-link {\n    display: none;\n  }\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container .quiz__campaign__endpoint-header-title a.video-link span {\n    display: block;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container .quiz__campaign__endpoint-header-title a.video-link:before {\n  background-image: url(\"/images/campaigns/moment-maker/video-icon.svg\");\n  content: \"\";\n  display: block;\n  height: 37px;\n  width: 46px;\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container .quiz__campaign__endpoint-header-title a.video-link:before {\n    margin-right: 10px;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container .quiz__campaign__endpoint-header-title *:last-child {\n  margin-bottom: 0;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container .quiz__campaign__endpoint-header img {\n  width: 100%;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product {\n  text-align: center;\n  background-color: #fff;\n}\n\n@media only screen and (max-width: 767px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product {\n    margin: 20px;\n  }\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product {\n    background-color: #fff;\n    float: left;\n    width: 35%;\n  }\n}\n\n@media only screen and (min-width: 1024px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product {\n    background-color: #fff;\n    box-shadow: rgba(0, 0, 0, 0.06) 4px 10px 10px 1px;\n    position: absolute;\n    right: 5%;\n    padding: 0;\n    bottom: 0;\n    width: 35%;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product-image-text {\n  background-color: #fff;\n  display: inline-block;\n  width: 100%;\n}\n\n@media only screen and (max-width: 767px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product-image-text {\n    padding: 20px 20px 0;\n  }\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product-image-text {\n    padding: 5% 10%;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product-price {\n  color: #C61017;\n  font-size: 15px;\n  font-weight: 700;\n  line-height: 20px;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product-sku {\n  color: #4A4A4A;\n  font-size: 18px;\n  font-weight: bold;\n  line-height: 24px;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product-description {\n  background-color: #fff;\n  padding: 0 10% 5%;\n  clear: left;\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product-description {\n    padding: 5% 10%;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product-description p {\n  color: #1B1B1B;\n  font-size: 14px;\n  line-height: 22px;\n  text-align: center;\n  text-transform: none;\n  margin: 10px 0;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product-description .readmore {\n  color: #C61017;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product-description .readmore:active,\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product-description .readmore:hover,\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product-description .readmore:visited {\n  color: #ED1C24;\n  text-transform: none;\n  display: inline-block;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product-name {\n  letter-spacing: normal;\n  text-transform: uppercase;\n  font-size: 14px;\n  font-weight: 700;\n  font-family: Helvetica, Arial, sans-serif;\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product-name {\n    padding-right: 20px;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product-text.side h2 {\n  display: none;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product-text.side.no-image {\n  text-align: center;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product-text.top h2 {\n  color: #1B1B1B;\n  margin-bottom: 40px;\n  padding: 0;\n  text-align: center;\n}\n\n@media only screen and (max-width: 767px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product-text.top {\n    background: #f1f1f1;\n    padding: 20px 0 0;\n  }\n\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product-text.top h2 {\n    display: inline-block;\n    font-size: 18px;\n    line-height: 24px;\n    margin-bottom: 25px;\n    padding-bottom: 0;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product-image {\n  padding-top: 30px;\n}\n\n@media only screen and (min-width: 1024px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product-image {\n    padding: 0 20px;\n    width: 60%;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product-image img {\n  max-height: 150px;\n  max-width: 180px;\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product {\n    padding: 20px 0 0;\n  }\n}\n\n@media only screen and (min-width: 1024px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product {\n    padding: 40px 0 0;\n    max-width: 970px;\n    margin: 0 auto;\n  }\n\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product-name {\n    font-family: 'Arial';\n    font-size: 20px;\n    line-height: 24px;\n  }\n\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product-image-text {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    padding: 10%;\n  }\n\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product-text {\n    text-align: left;\n  }\n\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product-text.side h2 {\n    display: none;\n  }\n\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product-text.top h2 {\n    margin-bottom: 40px;\n    padding: 0;\n    text-align: center;\n  }\n\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-primary-product-image {\n    float: left;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-product-actions {\n  background-image: url(\"/images/campaigns/moment-maker/answer-bg.jpg\");\n  background-size: cover;\n  display: flex;\n  justify-content: center;\n  padding: 30px 10px;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-product-actions a {\n  max-width: 130px;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container-no-image .quiz__campaign__endpoint-header {\n  width: 100%;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container-no-image .quiz__campaign__endpoint-header-title {\n  position: static;\n  max-width: 100%;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container-no-image .quiz__campaign__endpoint-header-title h1 {\n  color: #1B1B1B;\n  text-align: center;\n  max-width: 100%;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-header-container-no-image .quiz__campaign__endpoint-primary-product {\n  position: static;\n  float: none;\n  margin-bottom: 50px;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-title {\n  color: #1B1B1B;\n  font-size: 18px;\n  line-height: 24px;\n  margin-bottom: 20px;\n  text-align: center;\n  padding: 0;\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-title {\n    font-size: 22px;\n    line-height: 28px;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign__endpoint-subtitle {\n  color: #C61017;\n  font-size: 12px;\n  line-height: 16px;\n  margin-bottom: 10px;\n  padding: 0;\n  text-transform: uppercase;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 0 20px;\n  width: 100%;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks img {\n  display: block;\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks {\n    padding: 0 0 80px;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks > div {\n  width: 100%;\n}\n\n@media only screen and (max-width: 767px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks > div {\n    border-top: 1px solid #BCBCBC;\n  }\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks > div {\n    background: #fff;\n    margin-bottom: 30px;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .block {\n  width: calc(100% - 40px);\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .block-sizer {\n  border: none;\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .block {\n    width: calc(50% - 30px);\n    margin: 15px;\n  }\n\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .block-sizer {\n    width: 50%;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_products {\n  text-transform: none;\n  background: transparent;\n  border-top: 0;\n  max-width: 1070px;\n  overflow: hidden;\n  padding: 0;\n  text-align: center;\n  width: calc(100% - 40px);\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_products {\n    margin: 0 15px;\n    width: calc(100% - 30px);\n  }\n}\n\n@media only screen {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_products {\n    border-top: none;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_products .quiz__campaign__endpoint-title {\n  margin-bottom: 25px;\n  text-transform: uppercase;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_products .quiz__campaign__endpoint-related-carousel {\n  margin: 30px 0 20px;\n  padding: 0 0 30px;\n  position: relative;\n  overflow: hidden;\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_products .quiz__campaign__endpoint-related-carousel {\n    margin-bottom: 40px;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_products .quiz__campaign__endpoint-related-carousel:before {\n  background: #fff;\n  content: \"\";\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: calc(100% - 165px);\n  width: 2px;\n  z-index: 10;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_products .quiz__campaign__endpoint-related-carousel .carousel-item {\n  background-color: #fff;\n  text-align: center;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_products .quiz__campaign__endpoint-related-carousel .carousel-item .price {\n  color: #C61017;\n  font-weight: 700;\n  margin: 0;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_products .quiz__campaign__endpoint-related-carousel .carousel-item .product-model {\n  display: none;\n  font-size: 14px;\n  margin-top: 0;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_products .quiz__campaign__endpoint-related-carousel .carousel-item h3 {\n  font-family: Helvetica, Arial, sans-serif;\n  font-size: 18px;\n  font-weight: bold;\n  line-height: 24px;\n  letter-spacing: normal;\n  margin: 0;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_products .quiz__campaign__endpoint-related-carousel .carousel-item .product-image {\n  height: 150px;\n  width: 150px;\n  background-color: #fff;\n  background-size: contain;\n  background-position: center;\n  background-repeat: no-repeat;\n  margin: 0 auto 15px;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_products .quiz__campaign__endpoint-related-carousel .carousel-item img {\n  display: none;\n  margin: 0 auto;\n  max-height: 150px;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_products .quiz__campaign__endpoint-related-carousel .carousel-item .product-container {\n  border-left: 1px solid #BCBCBC;\n  padding: 10px 25px;\n  margin: 25px 0;\n  text-align: center;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_video {\n  display: flex;\n  flex-direction: column;\n  padding: 30px 0 0;\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_video {\n    padding: 0 0 30px;\n  }\n\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_video .quiz__campaign__endpoint-title {\n    margin: 0;\n  }\n}\n\n@media only screen and (max-width: 767px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_video .quiz__campaign__endpoint-video-wrap {\n    order: 2;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_video-container .quiz__campaign__endpoint-video-placeholder + .quiz__campaign__endpoint-video-wrap {\n  display: none;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_video-container.active .quiz__campaign__endpoint-video-placeholder {\n  display: none;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_video-container.active .quiz__campaign__endpoint-video-wrap {\n  display: block;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_video-content {\n  padding: 30px;\n  text-align: center;\n}\n\n@media only screen and (max-width: 767px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_video-content.subtitle {\n    order: 1;\n    padding-bottom: 20px;\n  }\n\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_video-content.title {\n    order: 3;\n  }\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_video-content.subtitle {\n    padding-bottom: 10px;\n  }\n\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_video-content.subtitle + .title {\n    padding-top: 0;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_video-content a {\n  display: inline-block;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_article {\n  display: flex;\n  flex-direction: column;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_article > div {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n}\n\n@media only screen and (max-width: 767px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_article .quiz__campaign__endpoint_article-top {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_article .article-image-link {\n    order: 2;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_article-content {\n  padding: 30px 0;\n  text-align: center;\n}\n\n@media only screen and (max-width: 767px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_article-content.subtitle {\n    order: 1;\n    padding-bottom: 20px;\n  }\n\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_article-content.title {\n    order: 3;\n  }\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_article-content {\n    padding: 30px;\n  }\n\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_article-content.subtitle {\n    padding-bottom: 10px;\n  }\n\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_article-content.title {\n    padding-top: 0;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_article-content *:last-child {\n  margin: 0;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_article-content .quiz__campaign__endpoint-button {\n  max-width: 100%;\n  width: 100%;\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_article-content .quiz__campaign__endpoint-button {\n    max-width: 225px;\n    padding-left: 40px;\n    padding-right: 40px;\n    width: auto;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_spotify {\n  background: transparent !important;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  text-align: center;\n  padding: 30px 0;\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_spotify {\n    border: 2px solid #CBCBCB;\n    padding: 40px 40px 70px;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_spotify .quiz__campaign__endpoint-campaign-title {\n  margin-bottom: 40px;\n  padding: 0;\n  text-align: center;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_spotify-actions {\n  display: none;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_spotify-player {\n  margin-top: 40px;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_spotify .quiz__campaign__endpoint-share {\n  display: none;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_startagain .quiz__campaign__endpoint-startagain {\n  background: #fff;\n  border-top: none !important;\n  padding: 40px 20px;\n  text-align: center;\n}\n\n@media only screen and (max-width: 767px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_startagain .quiz__campaign__endpoint-startagain {\n    margin: 0 -20px !important;\n    width: auto !important;\n  }\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_startagain .quiz__campaign__endpoint-startagain {\n    padding: 70px 30px;\n  }\n\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_startagain .quiz__campaign__endpoint-startagain .quiz__campaign__endpoint-title {\n    margin-bottom: 40px;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_startagain .quiz__campaign__endpoint-title {\n  margin-bottom: 20px;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_startagain .quiz__campaign__endpoint-button {\n  margin: 0;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_startagain .quiz__campaign__endpoint-button img {\n  display: none;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_startagain .quiz__campaign__endpoint-button p {\n  color: #fff;\n  margin: 0;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_share {\n  background: url(\"/images/campaigns/moment-maker/answer-bg.jpg\");\n  background-size: cover;\n  border-top: 0;\n  font-size: 0;\n  padding: 40px;\n  text-align: center;\n}\n\n@media only screen and (max-width: 767px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_share {\n    margin: 0 -20px 30px;\n    width: 100vw;\n  }\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_share {\n    padding: 70px;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_share .quiz__campaign__endpoint-title {\n  margin-bottom: 20px;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_share * {\n  color: #fff;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_share .social-share {\n  display: inline-block;\n  border: 1px solid #fff;\n  border-radius: 50px;\n  height: 50px;\n  margin: 0 10px;\n  width: 50px;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_share .social-share i {\n  display: block;\n  font-size: 18px;\n  line-height: 52px;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_share .social-share i span {\n  display: none;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_images {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  padding: 30px 0 0;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_images .quiz__campaign__endpoint_article-content {\n  padding-top: 0;\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_images {\n    padding: 0 0 30px;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_images .swiper-container {\n  max-width: 100%;\n  padding: 0;\n}\n\n@media only screen and (max-width: 767px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_images .swiper-container {\n    order: 2;\n    padding-top: 0;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_images .swiper-slide {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  align-self: center;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_images .swiper-pagination {\n  bottom: 0 !important;\n  padding: 30px 20px;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_endpoint > div {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_endpoint {\n    background: #fff;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_endpoint .swiper-container {\n  max-width: 100%;\n  padding: 20px 0;\n}\n\n@media only screen and (max-width: 767px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_endpoint .article-image-link {\n    order: 2;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_endpoint-content {\n  padding: 30px 0;\n  text-align: center;\n}\n\n@media only screen and (max-width: 767px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_endpoint-content.subtitle {\n    order: 1;\n    padding-bottom: 20px;\n  }\n\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_endpoint-content.title {\n    order: 3;\n  }\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_endpoint-content {\n    padding: 30px;\n  }\n\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_endpoint-content.subtitle {\n    padding-bottom: 10px;\n  }\n\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_endpoint-content.title {\n    padding-top: 0;\n  }\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_endpoint-content *:last-child {\n  margin: 0;\n}\n\n.moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_endpoint .quiz__campaign__endpoint-button {\n  max-width: 100%;\n  width: 100%;\n}\n\n@media only screen and (min-width: 768px) {\n  .moment-maker .quiz__campaign__endpoint .quiz__campaign-endpoint-blocks .quiz__campaign__endpoint_endpoint .quiz__campaign__endpoint-button {\n    max-width: 225px;\n    width: auto;\n  }\n}\n\n.takeover {\n  display: none;\n  position: fixed;\n  background-color: #fff;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 99999;\n}\n\n.takeover-active {\n  display: block;\n}\n\n.takeover-close {\n  position: absolute;\n  top: 0.25em;\n  right: 0.5em;\n  font-size: 3em;\n  z-index: 1000000;\n  cursor: pointer;\n}\n\n.takeover .responsive-video {\n  position: absolute;\n  left: 5%;\n  width: 90%;\n  padding-top: 56.25%;\n  top: 5%;\n}\n\n.takeover .responsive-video iframe {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 90%;\n  max-height: 90vh;\n}\n\n.loading-screen {\n  background: #f1f1f1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  min-height: 400px;\n  min-height: 70vh;\n  z-index: 100;\n}\n\n.loading-screen h2 {\n  font-family: \"AmericanTypewriterITCPro-Med\", \"nimbus_monoregular\", \"monospace\";\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 26px;\n  margin: 20px 0;\n  text-align: center;\n}\n\n@media only screen and (min-width: 768px) {\n  .loading-screen h2 {\n    font-size: 39px;\n    line-height: 46px;\n  }\n}\n\n@keyframes flickerAnimation {\n  0% {\n    opacity: 0.7;\n  }\n\n  50% {\n    opacity: 0.5;\n  }\n\n  100% {\n    opacity: 0.7;\n  }\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./services/russellhobbs/subdomains/cdn/scss/quiz-campaign/themes/moment-maker.scss"],"sourceRoot":""}