/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./_src/styles/components/fragrance-finder-intro.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************/@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.r-section.fragrance-finder-intro{position:relative;overflow:hidden;margin-top:calc(var(--header-main-height) * -1);min-height:calc(var(--vh) * 100 - var(--header-top-height))}.r-section.fragrance-finder-intro.on-step-2{min-height:0}.r-section.fragrance-finder-intro .step-1,.r-section.fragrance-finder-intro .step-2{position:absolute;left:0;top:0;width:100%;height:100%;transition:all .35s ease}.r-section.fragrance-finder-intro .step-1:not(.active),.r-section.fragrance-finder-intro .step-2:not(.active){opacity:0;visibility:hidden}.r-section.fragrance-finder-intro .step-1{height:calc(var(--vh) * 100 - var(--header-top-height));overflow:hidden}.r-section.fragrance-finder-intro .step-1 .caption-area{transition:transform 1s ease;position:relative;z-index:2}.r-section.fragrance-finder-intro .step-1 .caption-area:not(.before-reveal){transform:translateY(-500px)}.r-section.fragrance-finder-intro .step-1 .floating-image{position:absolute;width:810px;display:none;pointer-events:none;transition:transform 1s ease}@media screen and (max-width:1023px){.r-section.fragrance-finder-intro .step-1 .floating-image{width:450px}}.r-section.fragrance-finder-intro .step-1 .floating-image.floating-image-1{left:0;top:-250px;display:block}@media screen and (max-width:1023px){.r-section.fragrance-finder-intro .step-1 .floating-image.floating-image-1{left:-130px;top:-126px}}.r-section.fragrance-finder-intro .step-1 .floating-image.floating-image-1:not(.before-reveal){transform:translateY(-100%)}.r-section.fragrance-finder-intro .step-1 .floating-image.floating-image-2{right:-88px;top:-450px;display:block}@media screen and (max-width:1023px){.r-section.fragrance-finder-intro .step-1 .floating-image.floating-image-2{right:-196px;top:-160px}}.r-section.fragrance-finder-intro .step-1 .floating-image.floating-image-2:not(.before-reveal){transform:translateY(-100%)}.r-section.fragrance-finder-intro .step-1 .floating-image.floating-image-3{right:-380px;top:0;display:block}@media screen and (max-width:1023px){.r-section.fragrance-finder-intro .step-1 .floating-image.floating-image-3{display:none}}.r-section.fragrance-finder-intro .step-1 .floating-image.floating-image-3:not(.before-reveal){transform:translate(100%,50%)}.r-section.fragrance-finder-intro .step-1 .floating-image.floating-image-4{right:-189px;bottom:-50px;display:block}@media screen and (min-width:1024px){.r-section.fragrance-finder-intro .step-1 .floating-image.floating-image-4{right:-50px;bottom:-200px}}.r-section.fragrance-finder-intro .step-1 .floating-image.floating-image-4:not(.before-reveal){transform:translate(100%,50%)}@media screen and (min-width:1024px){.r-section.fragrance-finder-intro .step-1 .floating-image.floating-image-4:not(.before-reveal){transform:translateY(100%)}}.r-section.fragrance-finder-intro .step-1 .floating-image.floating-image-5{left:104px;bottom:-452px;display:block}@media screen and (max-width:1023px){.r-section.fragrance-finder-intro .step-1 .floating-image.floating-image-5{width:380px;left:30px;bottom:-182px}}.r-section.fragrance-finder-intro .step-1 .floating-image.floating-image-5:not(.before-reveal){transform:translateY(100%)}.r-section.fragrance-finder-intro .step-1 .floating-image.floating-image-6{left:-286px;bottom:-153px;display:block}@media screen and (max-width:1023px){.r-section.fragrance-finder-intro .step-1 .floating-image.floating-image-6{left:-212px;bottom:-50px}}.r-section.fragrance-finder-intro .step-1 .floating-image.floating-image-6:not(.before-reveal){transform:translate(-100%,50%)}.r-section.fragrance-finder-intro .step-2{padding:40px 16px 120px;transition-delay:1s;height:0;position:relative;margin-top:var(--header-main-height)}@media screen and (max-width:1023px){.r-section.fragrance-finder-intro .step-2{padding-top:16px;padding-bottom:16px}}.r-section.fragrance-finder-intro .step-2.active{height:auto;position:relative}.r-section.fragrance-finder-intro .step-2:not(.active) .chat-area .messages li{transform:translateY(500px)}.r-section.fragrance-finder-intro .step-2:not(.active) .chat-area .signature-image{transform:translateY(500px)}.r-section.fragrance-finder-intro .step-2:not(.active) .chat-area .answers{transform:translateY(500px)}.r-section.fragrance-finder-intro .step-2 .chat-area{width:100%;max-width:420px}.r-section.fragrance-finder-intro .step-2 .chat-area>*{width:100%}.r-section.fragrance-finder-intro .step-2 .chat-area .chat-image{width:88px;height:88px;border-radius:50%;overflow:hidden}@media screen and (max-width:1023px){.r-section.fragrance-finder-intro .step-2 .chat-area .chat-image{width:74px;height:74px}}.r-section.fragrance-finder-intro .step-2 .chat-area .messages li,.r-section.fragrance-finder-intro .step-2 .chat-area .answers li{padding:13px;border:1px solid currentColor;position:relative}.r-section.fragrance-finder-intro .step-2 .chat-area .messages li{margin-left:10px;transition:all 1s ease;transition-delay:calc(1.5s + var(--index) * 1s)}.r-section.fragrance-finder-intro .step-2 .chat-area .messages li:before{content:"";position:absolute;right:100%;top:0;width:0px;height:0px;border-style:solid;border-width:0 10px 10px 0;border-color:transparent #ffffff transparent transparent;transform:rotate(0);z-index:1}.r-section.fragrance-finder-intro .step-2 .chat-area .messages li:after{content:"";position:absolute;right:calc(100% + 1px);top:-1px;width:0px;height:0px;border-style:solid;border-width:0 11px 11px 0;border-color:transparent #696259 transparent transparent;transform:rotate(0)}.r-section.fragrance-finder-intro .step-2 .chat-area .answers{max-width:280px;align-self:flex-end;transition:all 1s ease;transition-delay:calc(3.5s + var(--index) * 1s)}.r-section.fragrance-finder-intro .step-2 .chat-area .answers li{margin-right:10px;background:#fceded;width:100%;border-color:#fceded;cursor:pointer}.r-section.fragrance-finder-intro .step-2 .chat-area .answers li:after{content:"";position:absolute;left:100%;top:-1px;width:0px;height:0px;border-style:solid;border-width:11px 11px 0 0;border-color:#fceded transparent transparent transparent;transform:rotate(0)}.r-section.fragrance-finder-intro .step-2 .chat-area .signature-image{width:150px;margin-bottom:60px;transition:all 1s ease;transition-delay:calc(2.5s + var(--index) * 1s)}@media screen and (max-width:1023px){.r-section.fragrance-finder-intro .step-2 .chat-area .signature-image{margin-bottom:20px}}
/*# sourceMappingURL=/cdn/shop/t/86/assets/fragrance-finder-intro.css.map */