@font-face{font-family:"Apercu";src:url(/static/media/apercu_harrods_regular-web.b7bedf45.woff) format("woff")}body,html{height:100%}*{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}body{touch-action:pan-x}*,:after,:before{box-sizing:border-box}::-webkit-scrollbar{width:0;height:0}body{margin:0;padding:0;color:#1f1f1f;font-family:"Apercu",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h2{margin-top:0;font-size:23px;line-height:26px;letter-spacing:.4px}.mirror_wrap{width:100vw;height:100vh;position:relative}#mirror{width:100%}#livestream,#screensaver{width:100%;height:100%;position:fixed;top:0;background:rgba(0,0,0,.9);display:flex;align-items:flex-end;justify-content:center;text-align:center;font-size:20px;-webkit-transform:translateY(-100vh);transform:translateY(-100vh);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;z-index:5}#livestream.st-active,#screensaver.st-active{-webkit-transform:translateY(0);transform:translateY(0)}.livestream_cta{margin-bottom:50px;height:80%;width:90%}.livestream_cta,.screensaver_cta{background-color:#fff;font-size:30px;letter-spacing:6px;text-transform:uppercase;font-weight:700;border-radius:6px;position:relative}.screensaver_cta{padding:80px 125px;margin-bottom:350px;height:198px;width:450px}.screensaver_svg-container{height:105px;width:105px;background-color:#1f1f11;border-radius:50%;position:absolute;top:80%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.screensaver_svg-container,.screensaver_warning{display:flex;justify-content:center;align-items:center}.screensaver_warning{width:100%;height:100%;position:fixed;top:0;background:hsla(0,0%,100%,.7);opacity:0;transition:opacity .3s ease-in;z-index:-1}.screensaver_warning.st-active{opacity:1;z-index:5}.screensaver_warning-modal{background:#fff;padding:60px 100px;width:700px;height:auto;text-align:center}.screensaver_warning-modal .button{padding:12px auto;min-width:205px;line-height:44px;font-size:13px;border-radius:3px;background-color:#101010;box-shadow:0 1px 3px 0 rgba(31,31,31,.5);font-family:Apercu;font-weight:100}.screensaver_warning-modal .button-container{display:flex;justify-content:space-between}.screensaver_warning-modal-title{line-height:30px;font-weight:500;font-size:24px;letter-spacing:2.6px;text-transform:uppercase}.screensaver_countdown{height:205px;width:205px;text-align:center;background-color:#1f1f1f;line-height:205px;font-weight:500;font-size:100px;color:#fff;border-radius:100%;margin:100px auto;z-index:3;position:relative}.product-picker{background-color:rgba(31,31,31,.6);position:relative}.product-picker_wrap{position:fixed;width:100%;bottom:0}.try-me{width:150px;height:55px;position:relative;border-radius:6px 6px 0 0;color:#fff;transition:background-color .3s,color .3s;background-color:#1f1f1f;left:40px}.try-me--closed{background-color:#fff;color:#1f1f1f}.try-me--email{position:absolute;top:0;z-index:1}.try-me span{display:inline-block;vertical-align:middle}.try-me_text{text-transform:uppercase;font-weight:700;font-size:17px;letter-spacing:3.4px;margin-right:18px}.try-me_arrow{display:inline-block;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.try-me_arrow--opened{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.try-me_arrow--closed{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.try-me_arrow--closed #fillpath{fill:#1f1f1f}.button{background:#1f1f1f;color:#fff;text-transform:uppercase;font-weight:700;font-size:12px;letter-spacing:2.4px;padding:10px}.button--action{height:60px;border-radius:7px;font-size:20px}button{background:none;padding:0;margin:0;color:#1f1f1f}button:focus{outline:none}ul{list-style:none}li,ul{margin:0;padding:0}.countdown-mask{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;z-index:2;border-radius:50%;height:340px;width:340px}.timer .hand{float:left;height:100%;overflow:hidden;position:relative;width:50%}.timer .hand span{border-color:#007145 #007145 transparent transparent;border-style:solid;border-width:50px;border-radius:50%;display:block;height:0;position:absolute;right:0;top:0;-webkit-transform:rotate(225deg);transform:rotate(225deg);width:0}.timer .hand:first-child{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.timer .hand span{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.st-active .timer .hand:first-child span{-webkit-animation-name:spin1;animation-name:spin1}.st-active .timer .hand:last-child span{-webkit-animation-name:spin2;animation-name:spin2}.timer.minute{height:350px;left:25px;width:350px;top:25px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.timer.minute .hand span{-webkit-animation-duration:20s;animation-duration:20s;border-top-color:#007145;border-right-color:#007145;border-width:175px}.timer.minute:after{height:310px;left:20px;width:310px;top:20px}.countdown-ball{height:20px;width:20px;background:#007145;border-radius:50%;position:absolute;left:50%;-webkit-transform:translate(-50%,-35%);transform:translate(-50%,-35%)}.countdown-ball-container{z-index:3;position:absolute;height:350px;width:350px;background:transparent;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation-duration:20s;animation-duration:20s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.st-active .countdown-ball-container{-webkit-animation-name:rotate;animation-name:rotate}.countdown-container{-webkit-transform:scale(.8);transform:scale(.8)}@-webkit-keyframes spin1{0%{-webkit-transform:rotate(225deg);transform:rotate(225deg)}50%{-webkit-transform:rotate(225deg);transform:rotate(225deg)}to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes spin1{0%{-webkit-transform:rotate(225deg);transform:rotate(225deg)}50%{-webkit-transform:rotate(225deg);transform:rotate(225deg)}to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@-webkit-keyframes spin2{0%{-webkit-transform:rotate(225deg);transform:rotate(225deg)}50%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes spin2{0%{-webkit-transform:rotate(225deg);transform:rotate(225deg)}50%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@-webkit-keyframes rotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}50%{-webkit-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}50%{-webkit-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}.arrow-container{position:absolute;left:440px;top:65px}.close-arrow{position:relative}.hidden{display:none!important}.react-simple-keyboard{position:absolute;bottom:-300px;left:0;right:0;z-index:2;transition:bottom .5s linear;background-color:#d8d8d8!important}.st-focus .react-simple-keyboard{bottom:0}.nav{position:absolute;top:20px;z-index:10000;right:20px}.swatches{position:relative;bottom:120px;z-index:10000;margin-left:20px;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;cursor:pointer}.swatch{width:50px;height:50px;border-radius:50px;margin:0 10px 10px;background-color:#ff6969;background-size:100%;background-size:cover;cursor:pointer;flex-shrink:0}#mirror{height:100%}button{border:none;color:#fff;text-decoration:none;display:block;font-size:12px;margin:15px 0;border-radius:100%;width:50px;height:50px;cursor:pointer}.option-desc,button{background-color:#fff;text-align:center}.option-desc{padding-top:18px;padding-bottom:18px;position:relative;bottom:120px;z-index:100000}.option-selected{width:50px;height:50px;border-radius:50px;margin:0 10px 10px;background-size:contain;cursor:pointer;flex-shrink:0;border:1px solid #0f0f0f}.option-text{font-family:"Apercu";font-size:16px;font-weight:300;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#424242;margin:auto}.body{overflow:hidden}
/*# sourceMappingURL=main.0765b916.chunk.css.map */