.tutorialWrapper{pointer-events:none;z-index:999;opacity:1;position:absolute;top:0;left:0}.tutorialPointer{pointer-events:none;transform-origin:0 0;background:url(hand.ec281984.svg) 0 0/contain no-repeat;width:74.2px;height:61.6px;position:absolute;top:0;left:0}#link{opacity:0;pointer-events:none;width:2px;height:2px;position:absolute;top:0;left:0}.clickZone{z-index:999;cursor:pointer;position:absolute}body{color:#fdeeb0;background-color:#000;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0}.bg{pointer-events:none}*{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:ff-angie-pro,serif;font-style:normal;font-weight:600}#cont{z-index:2;background-color:#221300;width:2560px;height:1440px;position:absolute;top:0;left:0;overflow:hidden}#logo{z-index:999;cursor:pointer;background:url(logo.35071304.svg) 0 0/contain no-repeat;width:113px;height:113px;position:absolute;top:234px;right:49px}.cta{cursor:pointer;z-index:999;background-size:contain;width:116px;height:38px;transition:background-color .3s;position:absolute;top:402px;left:607px}.cta:hover{background-color:#ed1c24}.candleContainer{opacity:0;pointer-events:none;z-index:1;width:100%;height:100%;transition:opacity 1s;position:absolute;top:0;left:0}.candleContainer[data-active=true]{opacity:1;pointer-events:auto}.candleBG{z-index:0;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.candle{background-position:top;background-repeat:no-repeat;background-size:contain;width:745.899px;height:618.999px;margin:0 auto;position:absolute;top:349px;left:-20px;right:0}h2{text-align:center;color:#fff;letter-spacing:-2.88px;margin:0 auto;font-size:80px;line-height:1;position:absolute;top:296px;left:0;right:0}h2 strong{color:#fdeeb0;display:block}.dragdealer{z-index:10;background:0 0;width:493px;height:65px;margin:0 auto;position:absolute;left:0;right:0}.dragdealer+.track{z-index:10;pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(90deg,#c5c5c5 0%,#c5c5c5 20%,#b2b2b2 20%,#b2b2b2 40%,#999 40%,#999 60%,#818181 60%,#818181 80%,#6d6d6d 80%,#6d6d6d 100%) 0 0/contain;border-radius:8.9999px;width:493px;height:18.9995px;margin:auto;position:absolute;left:0;right:0;box-shadow:inset 1px 1px 4px 2px #00000070}.dragdealer[data-vertical=true]{width:65px;height:493px;right:auto}.dragdealer[data-vertical=true]+.track{background:linear-gradient(#c5c5c5 0%,#c5c5c5 20%,#b2b2b2 20%,#b2b2b2 40%,#999 40%,#999 60%,#818181 60%,#818181 80%,#6d6d6d 80%,#6d6d6d 100%);width:18.9995px;height:65px;right:auto;box-shadow:inset 2px 1px 3px 2px #00000070}.handle{background:radial-gradient(circle,#fff 0%,#fff 52%,#ffffc0 53%,#ffffc0 54%,#ffffc000 70%,#ffffc000 100%);border-radius:50%;width:36px;height:36px;margin:25px auto 0;transition:box-shadow .3s;box-shadow:0 0 16px 4px #ffffc0}.handle:hover{box-shadow:0 0 26px 8px #ffffa0}.dragdealer[data-vertical=true] .handle{margin:auto 25px 0}.sliderLabel{text-align:center;width:400px;font-size:20px;position:absolute;left:50%;transform:translate(-50%)}#moodSlider{top:909px}#moodSlider+.track{top:941.5px}#moodSlider .sliderLabel{top:-52px}#contextSlider{top:1003px}#contextSlider+.track{top:1035.5px}#contextSlider .sliderLabel{top:59px}.flameCanvas{z-index:40;pointer-events:none;transform-origin:bottom;opacity:0;margin:0 auto;transition:transform .5s,opacity .2s;position:absolute;top:506px;left:4px;right:0;transform:translate(-12.3%)translateY(-50%)scale(0)}.flameCanvas[data-active=true]{opacity:1;transform:translate(-12.3%)translateY(-50%)scale(.86)}#glcanvasLeft,#glcanvasRight{display:none}#cont[data-format=square] #glcanvas{zoom:.56;top:334px;left:-11px}#cont[data-format=square] .candle{zoom:.675;top:109px;left:-161px;right:0}#cont[data-format=square] #logo{zoom:.54;top:52px;right:84px}#cont[data-format=square] h2{zoom:.56;top:108px;left:-182px;right:0}#cont[data-format=square] .dragdealer[data-vertical=true]{width:35.75px;height:271.15px}#cont[data-format=square] .dragdealer[data-vertical=true]+.track{border-radius:4.94995px;width:10.4497px;height:271.15px}#cont[data-format=square] .handle{width:25.2px;height:25.2px;margin:0 25.2px}#cont[data-format=square] .sliderLabel{width:162px;font-size:15px}#cont[data-format=square] #moodSlider{top:145px;left:340px}#cont[data-format=square] #moodSlider+.track{top:145px;left:372.5px}#cont[data-format=square] #moodSlider .sliderLabel{top:-41px;left:61px}#cont[data-format=square] #contextSlider{top:145px;left:390px}#cont[data-format=square] #contextSlider+.track{top:145px;left:422.5px}#cont[data-format=square] #contextSlider .sliderLabel{top:289px;left:8px}#cont[data-format=square] .tutorialPointer{width:47.7px;height:39.6px}#cont[data-format=wallpaper] #glcanvas{zoom:.556;top:108px;left:-73px}#cont[data-format=wallpaper] .candle{zoom:.556;top:-50px;left:-321px;right:0}#cont[data-format=wallpaper] #logo{zoom:.465;top:42px;right:879px}#cont[data-format=wallpaper] h2{zoom:.45;top:78px;left:531px}#cont[data-format=wallpaper] .dragdealer{width:182.41px;height:19.5px}#cont[data-format=wallpaper] .dragdealer+.track{border-radius:2.69997px;width:182.41px;height:5.69985px;box-shadow:inset .2px 1.1px 1.2px 1.4px #0009}#cont[data-format=wallpaper] .handle{width:25.2px;height:25.2px;margin:-10px 0 0}#cont[data-format=wallpaper] .sliderLabel{letter-spacing:.5px;font-size:11px}#cont[data-format=wallpaper] #moodSlider,#cont[data-format=wallpaper] #moodSlider+.track{top:194px;left:240px}#cont[data-format=wallpaper] #moodSlider .sliderLabel{top:-25px}#cont[data-format=wallpaper] #contextSlider,#cont[data-format=wallpaper] #contextSlider+.track{top:230px;left:240px}#cont[data-format=wallpaper] #contextSlider .sliderLabel{top:32px}#cont[data-format=wallpaper] .tutorialPointer{width:47.7px;height:39.6px}#cont[data-format=skyscraper] #glcanvas{zoom:.556;top:362px;left:-73px}#cont[data-format=skyscraper] .candle{zoom:.575;top:190px;left:-105px}#cont[data-format=skyscraper] #logo{zoom:.51;top:41px;right:47px}#cont[data-format=skyscraper] h2{zoom:.46;top:202px;right:-26px}#cont[data-format=skyscraper] .dragdealer{width:226.78px;height:19.5px}#cont[data-format=skyscraper] .dragdealer+.track{border-radius:2.69997px;width:226.78px;height:5.69985px}#cont[data-format=skyscraper] .handle{width:25.2px;height:25.2px;margin:-10px 0 0}#cont[data-format=skyscraper] .sliderLabel{letter-spacing:.5px;font-size:11px}#cont[data-format=skyscraper] #moodSlider,#cont[data-format=skyscraper] #moodSlider+.track{top:494px}#cont[data-format=skyscraper] #moodSlider .sliderLabel{top:-25px}#cont[data-format=skyscraper] #contextSlider,#cont[data-format=skyscraper] #contextSlider+.track{top:536px}#cont[data-format=skyscraper] #contextSlider .sliderLabel{top:32px}#cont[data-format=skyscraper] .tutorialPointer{width:47.7px;height:39.6px}#cont[data-format=branding] .flameCanvas{right:auto}#cont[data-format=branding] #glcanvas{zoom:.5;top:49px;left:2823px}#cont[data-format=branding] #glcanvasLeft,#cont[data-format=branding] #glcanvasRight{zoom:.85;display:block;top:595px}#cont[data-format=branding] #glcanvasLeft{left:404px}#cont[data-format=branding] #glcanvasRight{left:1873px}#cont[data-format=branding] .candle{zoom:.91;top:395px;right:auto}#cont[data-format=branding] .candle[data-position=left]{left:330px}#cont[data-format=branding] .candle[data-position=right]{left:1702px}#cont[data-format=branding] .candle[data-position=top]{zoom:.52;top:-111px;left:2675px}#cont[data-format=branding] #logo{zoom:1;top:63px;right:1572px}#cont[data-format=branding] h2{zoom:.85;top:51px;left:-82px}#cont[data-format=branding] .dragdealer[data-vertical=true]{width:46.15px;height:367.285px}#cont[data-format=branding] .dragdealer[data-vertical=true]+.track{border-radius:6.38993px;width:13.4896px;height:367.285px}#cont[data-format=branding] .handle{width:25.92px;height:25.92px;margin:0 26.64px}#cont[data-format=branding] .sliderLabel{text-shadow:0 0 5px #00000080;width:162px;font-size:15px}#cont[data-format=branding] #moodSlider{top:74px;left:592px}#cont[data-format=branding] #moodSlider+.track{top:74px;left:624.5px}#cont[data-format=branding] #moodSlider .sliderLabel{top:-30px;left:61px}#cont[data-format=branding] #contextSlider{top:74px;left:645px}#cont[data-format=branding] #contextSlider+.track{top:74px;left:677.5px}#cont[data-format=branding] #contextSlider .sliderLabel{top:380px;left:14px}#cont[data-format=branding] .tutorialPointer{width:47.7px;height:39.6px}