@font-face{font-family:IC-Grand;src:url("{{ 'IC_Grand_Melton.ttf' | asset_url }}") format("truetype"),url("{{ 'IC_Grand_Melton.otf' | asset_url }}") format("opentype")}.homepage-banner section .banner_container>img.mobile{display:none}.desktop-only{display:block}.mobile-only{display:none}.homepage-banner section .banner_container{display:flex;justify-content:center;align-items:center;max-width:1440px;margin:0 0 0 auto;padding:40px 75px;column-gap:40px;width:100%}.section-image-text.face-elements .image-text .copy em{font-family:RecolettaBlack;font-weight:700;font-style:unset}.homepage-banner .face-elements.poppi .static-sticker{position:absolute;top:50px;left:60px;right:0}.homepage-banner .face-elements.poppi .medium_btn:hover,.homepage-banner.homepage-banner-1 .face-elements.poppi .big-btn.fit-btn:hover,.section-image-text.face-elements.poppi button.block-btn:hover{background:#8725c3!important;color:#fff!important;border:1px solid black}.homepage-banner .face-elements .medium_btn:hover,.section-image-text.face-elements button.block-btn:hover{background:#10cffe!important}.face-elements .section-image-text .image-text>*{max-width:295px!important}@media screen and (min-width:769px){.face-elements .section-image-text .image-text>*{max-width:468px!important}}@media(max-width:768px){.homepage-banner .face-elements.poppi .static-sticker{width:125px!important;top:23%;left:69%;right:unset;transform:unset}}@media screen and (max-width:767px){.homepage-banner .face-elements .content_container a{align-self:unset}}@media(min-width:1624px){.homepage-banner.homepage-banner-1 section.face-elements .banner_container,.homepage-banner section.face-elements .banner_container{margin-left:12rem;max-width:unset}}.homepage-banner section.mission-skinpossible .banner_container{margin:0 auto 0 10px;justify-content:left}@media screen and (max-width:1024px){.homepage-banner section.mission-skinpossible .banner_container{padding-inline:10px}}@media screen and (min-width:1405px){.homepage-banner section .banner_container{padding:40px 135px}.homepage-banner section.face-elements .banner_container{padding:40px 0}}@media screen and (min-width:1650px){.homepage-banner section .banner_container{padding:40px 120px 40px 40px}}.homepage-banner .hp-banner{display:flex}@media screen and (min-width:1250px){.homepage-banner section.face-elements{aspect-ratio:18 / 8.5;min-height:650px}}@media screen and (max-width:749px){.homepage-banner section.face-elements .subtitle em{display:none!important}}.homepage-banner .title-image{max-width:395px}.homepage-banner.homepage-banner-1 .title-image{max-width:600px}.homepage-banner section .content_container .title:not(.large_title),.homepage-banner section .content_container .title:not(.large_title) *{line-height:100%;font-weight:900;letter-spacing:-1.8px}.homepage-banner.homepage-banner-1 section .content_container .title:not(.large_title),.homepage-banner.homepage-banner-1 section .content_container .title:not(.large_title) *{line-height:85%;font-weight:900;letter-spacing:-7.2px}.homepage-banner.homepage-banner-1 section.face-elements .content_container .title:not(.large_title) *{line-height:83px;letter-spacing:-4.5px}@media(min-width:769px){.homepage-banner.homepage-banner-1 section.face-elements .subtitle p{line-height:28.8px;letter-spacing:-.75px}}@media(max-width:1024px){.homepage-banner section .content_container .title:not(.large_title),.homepage-banner section .content_container .title:not(.large_title) *{font-weight:500;line-height:90%}}.homepage-banner .content_container .title.large_title,.homepage-banner .content_container .title.large_title *{font-family:FK-Screamer;line-height:88%;letter-spacing:initial;font-weight:700}.homepage-banner .content_container .title.ic_font,p.ic_font{font-family:IC-Grand}.homepage-banner section .subtitle p{font-style:normal;font-weight:400;line-height:105%;font-family:SctoGroteskaA-medium;letter-spacing:-1px}.homepage-banner section .subtitle p strong{font-family:SctoGroteskaA-bold;font-style:normal;font-weight:500;line-height:105%}@media(min-width:769px){.homepage-banner section .subtitle p{line-height:20px;letter-spacing:-1px;font-family:SctoGroteskaA-medium}.homepage-banner section .subtitle p strong{font-family:SctoGroteskaA-bold;line-height:120%;letter-spacing:-.72px}}.homepage-banner section .image-logo{width:108px}.homepage-banner section .image-logo-container{position:absolute;top:15rem;left:calc(50% - 133px)}@media(min-width:768px)and (max-width:1243px){.hide-tablet{display:none}}@media(min-width:769px){.homepage-banner section .image-logo{width:241px}}@media screen and (min-width:769px)and (max-width:1439px){.homepage-banner section .image-logo-container{top:calc(50% - 50px);left:calc(50% - 297px)}}@media screen and (min-width:1440px){.homepage-banner section .image-logo-container{top:calc(50% - 50px);left:calc(50% - 315px)}}.homepage-banner section.hp-banner{position:relative}.hp-banner .overlap-button{position:absolute;bottom:0;margin:0!important;transform:translateY(50%);z-index:1}.hp-banner .bottom-button{position:absolute;bottom:6rem;margin:0!important;transform:translateY(50%);z-index:1}.homepage-banner .content_container{display:flex;justify-content:center;align-items:center;flex-direction:column;row-gap:25px;text-align:center;width:100%}.homepage-banner .content_container.content_container--left{align-items:flex-start;text-align:left}@media screen and (min-width:769px){.homepage-banner.homepage-banner-1 .gift-guide .banner_container{justify-content:flex-end;align-items:start;padding-block:10rem}.homepage-banner.homepage-banner-1 .gift-guide .title-image{max-height:270px;max-width:unset}.homepage-banner .content_container.content_container--right{align-items:flex-end}.homepage-banner .flex-container:not(.face-elements .flex-container){display:flex;justify-content:start;gap:3rem}.homepage-banner .hp-banner.oh-my-glaze-animated .flex-container{display:unset}.homepage-banner section.face-elements .flex-container{flex-direction:column;gap:1.5rem;max-width:600px}.homepage-banner section.face-elements .flex-group{display:flex;flex-direction:column;width:100%}.homepage-banner section.face-elements .flex-group p{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;line-height:1.2}.homepage-banner section.face-elements .featured-word{display:inline-flex;align-items:center;flex-shrink:0;margin:0}.homepage-banner .font-small em{font-size:18px!important;font-style:normal;line-height:14px}}.homepage-banner .subtitle h6{font-size:18px;font-style:normal;font-weight:500;line-height:22px;margin-top:40px}.homepage-banner .content_container.content_container--right .text-btn-container{display:flex;flex-direction:column;gap:24px;align-items:center;position:relative}.homepage-banner .medium_btn{width:327px!important;max-width:unset;height:52px;font-size:17px!important}.homepage-banner .face-elements .medium_btn{width:254px!important}.homepage-banner .medium_btn:hover{background:#c0f281!important}.homepage-banner .face-elements .medium_btn:hover{background:#10cffe}.homepage-banner section{background-size:cover;background-position:center;background-repeat:no-repeat;height:min-content}.homepage-banner .caption-image{width:609px;margin-top:-47px}.homepage-banner .hp-banner-animation-subheading strong{font-size:24px!important;font-style:normal!important;font-weight:900!important;line-height:24px!important;letter-spacing:-.72px!important}.homepage-banner .static-sticker{position:absolute;top:40px;right:40px}@media(min-width:769px)and (max-width:1324px){.homepage-banner .static-sticker{top:0;right:-14px}}@media(max-width:768px){.homepage-banner .static-sticker{width:126px!important;top:35%;left:4%;right:unset;transform:rotate(-18deg)}}.homepage-banner .sticker{position:absolute;width:40px;height:auto;animation:sparkle-effect 1.5s ease-in-out infinite;transform-origin:center;z-index:2}@media screen and (max-width:767px)and (min-width:500px){.homepage-banner.homepage-banner-1 .face-elements .banner_container{padding-block:2rem 40rem!important}}@media only screen and (max-width:1700px)and (min-width:767px){.homepage-banner .face-elements .static-sticker{top:10px!important;left:10px!important;bottom:auto!important;transform:none!important}}@media(min-width:2000px){.homepage-banner.homepage-banner-1 .title-image{width:800px}}@keyframes sparkle-effect{0%,to{transform:scale(.8);opacity:.9}50%{transform:scale(1.15);opacity:1}}@keyframes sparkle-effect-rotate-8{0%,to{transform:rotate(8deg) scale(.8);opacity:.9}50%{transform:rotate(8deg) scale(1.15);opacity:1}}@keyframes sparkle-effect-rotate-16{0%,to{transform:rotate(8deg) scale(.8);opacity:.9}50%{transform:rotate(8deg) scale(1.15);opacity:1}}@keyframes sparkle-effect-rotate-minus-22{0%,to{transform:rotate(-22deg) scale(.8);opacity:.9}50%{transform:rotate(-22deg) scale(1.15);opacity:1}}@keyframes sparkle-effect-rotate-minus-19{0%,to{transform:rotate(-19deg) scale(.8);opacity:.9}50%{transform:rotate(-22deg) scale(1.15);opacity:1}}@keyframes sparkle-effect-rotate-minus-17{0%,to{transform:rotate(-17deg) scale(.8);opacity:.9}50%{transform:rotate(-22deg) scale(1.15);opacity:1}}.homepage-banner .sticker:nth-child(1){animation:sparkle-effect 1.5s ease-in-out infinite;animation-delay:0s;top:30px;left:0;width:50px}.homepage-banner .sticker:nth-child(2){animation:sparkle-effect-rotate-8 1.5s ease-in-out infinite;animation-delay:.3s;top:10px;right:20px;width:50px}.homepage-banner .sticker:nth-child(3){animation:sparkle-effect 1.5s ease-in-out infinite;animation-delay:.6s;right:0;top:5rem;width:30px}.homepage-banner .sticker:nth-child(4){animation:sparkle-effect-rotate-minus-22 1.5s ease-in-out infinite;animation-delay:1s;bottom:5px;left:16%}.homepage-banner.homepage-banner-1 .gift-hp button.big-btn.fit-btn{background:linear-gradient(90deg,#fcecf3 -.02%,#f4e7f1,#f7edf1 21.99%,#fffdf1,#fbfaf1 47.99%,#eff2f1,#dce4f2 69.99%,#dbe3f3 70.99%,#fde8de)!important}.homepage-banner.homepage-banner-1 .gift-hp button.big-btn.fit-btn:hover{background:#f3523f!important}@media screen and (max-width:767px){.homepage-banner section.face-elements .subtitle p{letter-spacing:-.3px}.homepage-banner .sticker{width:30px!important}.homepage-banner .sticker:nth-child(1){left:7%}.homepage-banner .sticker:nth-child(4){left:2%}}.homepage-banner.homepage-banner-1 .hp-banner.gift-guide .content_container.content_container--right .text-btn-container{position:relative}.homepage-banner.homepage-banner-1 .hp-banner.gift-guide{min-height:650px}.hp-banner.gift-guide .sticker:nth-child(1){animation:sparkle-effect-rotate-minus-19 1.5s ease-in-out infinite;top:30px;width:40px}.hp-banner.gift-guide .sticker:nth-child(2){animation:sparkle-effect-rotate-minus-17 1.5s ease-in-out infinite;top:-4rem;left:50%;right:unset;transform:rotate(-17deg)}.hp-banner.gift-guide .sticker:nth-child(3){display:none}.hp-banner.gift-guide .sticker:nth-child(4){animation:sparkle-effect-rotate-16 1.5s ease-in-out infinite;bottom:-2rem;right:16%;left:unset;transform:rotate(16deg);width:47px}@media only screen and (max-width:767px){.homepage-banner.homepage-banner-1 .hp-banner.gift-guide .banner_container{padding-block:3rem 28rem}.hp-banner.gift-guide .sticker:nth-child(1){top:30px;width:22px;transform:rotate(0)}.hp-banner.gift-guide .sticker:nth-child(2){animation:sparkle-effect-rotate-minus-19 1.5s ease-in-out infinite;top:-25px;width:27px}.hp-banner.gift-guide .sticker:nth-child(4){bottom:-2rem;right:0;width:25px}}@media only screen and (max-width:767px){.desktop-only{display:none}.mobile-only{display:block}.homepage-banner .font-small em{font-size:12px!important;font-style:normal;line-height:14px}.homepage-banner .banner_container{max-width:1440px;margin:0 auto;padding:20px;row-gap:40px;flex-direction:column}.homepage-banner .title-image_mob{max-width:unset;min-width:250px}.homepage-banner section .banner_container>img.desktop{display:none}.homepage-banner section .banner_container>img.mobile{display:block}.homepage-banner section .title span:before{right:-20px;top:20px;height:40px;width:40px}.homepage-banner section .banner_container>*{width:100%}.homepage-banner .content_container.content_container--right .text-btn-container{gap:15px}.homepage-banner section .content_container .title:not(.large_title),.homepage-banner section .content_container .title:not(.large_title) *{line-height:92%!important;letter-spacing:-1.29px!important;margin-bottom:0}.homepage-banner section.face-elements.face-banner .content_container .title:not(.large_title),.homepage-banner section.face-elements.face-banner .content_container .title:not(.large_title) *{line-height:83%!important;letter-spacing:-3px!important}.homepage-banner .medium_btn{width:294px!important}.homepage-banner .face-elements .medium_btn{position:relative;left:50%;transform:translate(-50%)}.homepage-banner .subtitle h6{font-size:12px;line-height:14px}.homepage-banner .content_container .bottom-button_mob{position:absolute;bottom:40px}}@media(max-width:1024px){.homepage-banner section .banner_container{padding:40px 20px}}@media(min-width:769px)and (max-width:1124px){.homepage-banner section .banner_container{padding-left:24rem;padding-right:0}.homepage-banner section.joyback-banner .banner_container,.homepage-banner section.face-elements .banner_container{padding-left:0}.homepage-banner section.mission-skinpossible .banner_container{padding-left:unset}.homepage-banner section.oh-my-glaze .banner_container{padding-left:18rem}}.countdown{margin-top:15px}.countdown__time{display:flex;justify-content:center;align-items:center;gap:5px}.countdown__unit{display:flex;align-items:center}.countdown__segment{background:#fff;padding:15px;border-radius:10px;border:1.5px solid #000;height:90px;width:90px;display:flex;justify-content:center;align-items:center;margin:0 2px;font-size:30px;font-family:SctoGroteskaA-medium}.unit-separator{font-size:30px;font-weight:700;margin:0 5px;color:#fff}@media only screen and (max-width:767px){.countdown__segment{height:60px;width:60px;font-size:30px}}.klaviyo-form-RT6sur form.needsclick.klaviyo-form.klaviyo-form-version-cid_1.go417382439.kl-private-reset-css-Xuajs1{padding:0!important}.klaviyo-form-RT6sur .needsclick.kl-private-reset-css-Xuajs1{min-height:0px!important}.klaviyo-form-RT6sur form.needsclick.klaviyo-form.klaviyo-form-version-cid_1.go417382439.kl-private-reset-css-Xuajs1{background-color:transparent!important}.klaviyo-form-RT6sur input{border:1.5px solid #000!important;width:400px!important;padding-right:45px!important}.klaviyo-form-RT6sur button.needsclick.go228800815.kl-private-reset-css-Xuajs1{max-width:254px;margin-right:auto;margin-left:auto;border:1.5px solid #000!important}.klaviyo-form-RT6sur input,.klaviyo-form-RT6sur input::placeholder{font-family:SctoGroteskaA-medium!important;font-weight:500!important;line-height:normal!important;letter-spacing:-.191px!important;font-size:18px!important}.klaviyo-form-RT6sur input{border:1.5px solid #000!important;width:400px!important;background-image:url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 26C20 20.14 27.24 15.64 27.24 15.64C27.24 15.64 20 11.32 20 5.46002" stroke="%234D4D4D" stroke-width="1.25" stroke-miterlimit="10"/><path d="M26 15.46H4" stroke="%234D4D4D" stroke-width="1.25" stroke-miterlimit="10"/></svg>')!important;background-repeat:no-repeat!important;background-position:right 15px center!important;background-size:32px!important;padding-right:45px!important}.klaviyo-form-RT6sur input:focus{background-image:none!important}.klaviyo-form-RT6sur .needsclick.kl-private-reset-css-Xuajs1:after{display:none!important}@media screen and (max-width:767px){.klaviyo-form-RT6sur input{width:280px!important}.klaviyo-form-RT6sur button.needsclick.go228800815.kl-private-reset-css-Xuajs1{max-width:192px}}.subtitle p:has(.featured-word){display:flex;align-items:center;gap:10px;margin-bottom:25px}.homepage-banner section.face-elements .subtitle p:has(.featured-word){display:unset}.homepage-banner section.face-elements .featured-word{font-style:normal;font-family:SctoGroteskBlack}.homepage-banner:not(.homepage-banner-1) .subtitle p:not(:has(.featured-word)){font-size:24px!important;line-height:22px}.homepage-banner:not(.homepage-banner-1) .face-elements .subtitle p:not(:has(.featured-word)) strong{font-size:50px!important;line-height:50px}@media screen and (max-width:768px){.homepage-banner:not(.homepage-banner-1) .face-elements .subtitle p:not(:has(.featured-word)) strong{font-size:24px!important;line-height:24px}.homepage-banner:not(.homepage-banner-1) .face-elements .banner_container{padding-block:3rem 22rem}.homepage-banner:not(.homepage-banner-1) .face-elements .subtitle p:not(:has(.featured-word)){display:flex;gap:7px;align-items:center}}.featured-word{font-size:55px;font-style:italic;font-weight:500;line-height:.8;margin-right:13px;margin-top:9px;width:auto}.universe-of-possibilities .overline{margin-top:2rem;margin-bottom:-20px;font-size:24px;font-weight:500;line-height:31px;text-transform:uppercase}.hp-banner.universe-of-possibilities .content_container{row-gap:38px!important}.hp-banner.universe-of-possibilities .subtitle p{letter-spacing:-1.05px}@media screen and (max-width:767px){.universe-of-possibilities .overline{margin-top:0rem;margin-bottom:-5px;font-size:20px;line-height:26px;max-width:250px!important}.hp-banner.universe-of-possibilities .content_container{row-gap:18px!important}.hp-banner.universe-of-possibilities .content_container .title{font-size:39px!important;font-style:normal;font-weight:400;line-height:100%!important}.hp-banner.universe-of-possibilities .content_container .subtitle{font-style:normal;font-weight:500;line-height:26px!important}.homepage-banner.homepage-banner-1 .content_container{row-gap:15px}}.homepage-banner.homepage-banner-1 .banner_container{justify-content:flex-start;align-items:center;padding-block:8rem}.homepage-banner.homepage-banner-1 .content_container{text-align:center;justify-content:center;align-items:center;width:fit-content;position:relative}.homepage-banner.homepage-banner-1 .title{text-align:center}.homepage-banner.homepage-banner-1 .title p{letter-spacing:-.08em}.homepage-banner .title{line-height:100%;letter-spacing:-1.8px}.hp-banner-video-container{position:relative;width:100%;object-fit:cover}.mute-btn{position:absolute;top:20px;right:20px;width:44px;height:44px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;background:transparent;border:none}.mute-btn .mute-icon,.mute-btn.muted .sound-icon{display:none}.mute-btn.muted .mute-icon{display:block}@media screen and (min-width:768px){.homepage-banner.homepage-banner-1 section{aspect-ratio:18/8.5;min-height:650px}.homepage-banner.homepage-banner-1 section.hp-banner{max-height:unset;max-width:100dvw}.homepage-banner.homepage-banner-1 section.hp-banner.has-video{max-height:900px;width:100%}.homepage-banner.homepage-banner-1 .hp-banner.has-video .banner_container{position:absolute;top:-17%;bottom:0;margin:auto;left:6%}}.homepage-banner:not(.homepage-banner-1) .banner_container{padding-block:6rem}.homepage-banner.homepage-banner-1 button.big-btn.fit-btn{font-size:18px;max-width:unset}.homepage-banner.homepage-banner-1 .face-elements.face-banner button.big-btn.fit-btn{width:254px!important}.homepage-banner.homepage-banner-1 button.big-btn.fit-btn:hover{background:#c0f281!important}.homepage-banner.homepage-banner-1 .face-elements .big-btn.fit-btn:hover{background:#10cffe!important}.homepage-banner.homepage-banner-1 .joyback-banner .banner_container,.homepage-banner.homepage-banner-1 .face-elements .banner_container{justify-content:left}.homepage-banner.homepage-banner-1 .joyback-banner button.big-btn.fit-btn:hover{background:#92e2d3!important}.homepage-banner.homepage-banner-1 .color-green{color:#c0f281}.homepage-banner.homepage-banner-1 .color-orange{color:#f76f50}@media screen and (max-width:767px){.homepage-banner.homepage-banner-1 .banner_container{padding-block:2rem 28rem;height:100%}.homepage-banner.homepage-banner-1 .face-elements .banner_container{padding-block:2rem 35rem}.homepage-banner:not(.homepage-banner-1) .subtitle p:not(:has(.featured-word)){font-size:17.3px!important;line-height:17px;letter-spacing:-.48px}.homepage-banner:not(.homepage-banner-1) .subtitle p:not(:has(.featured-word)):last-child{line-height:14px}.homepage-banner:not(.homepage-banner-1) .banner_container{padding-block:3rem 25rem}.subtitle p:has(.featured-word){gap:0px;margin-bottom:16px}.caption-image-mob{width:168px;margin-top:-33px}.homepage-banner.homepage-banner-1 .hp-banner.has-video{max-height:752px}.homepage-banner.homepage-banner-1 .hp-banner.has-video .banner_container{position:absolute;top:6%;padding-block:0;padding:0;justify-content:unset}.homepage-banner .hp-banner.has-video .title-image_mob{width:auto;height:143px;max-width:unset;object-fit:contain}.mute-btn{top:10px;right:10px}}@media screen and (min-width:1256px){.homepage-banner.homepage-banner-1 .hp-banner.has-video .title-image{max-width:407px}}@media screen and (min-width:768px)and (max-width:1255px){.homepage-banner.homepage-banner-1 .hp-banner.has-video .title-image{max-width:300px}}.homepage-banner .flawless-skin .medium_btn{width:250px!important}.homepage-banner .flawless-skin .content_container button.block-btn:hover{background:#c0f281!important}.homepage-banner section.oh-my-glaze .content_container .title em,.homepage-banner section.oh-my-glaze-animated .content_container .title p{font-family:Reckless Neue;font-weight:400;line-height:85%}.homepage-banner section.oh-my-glaze-animated .content_container.content_container--right .text-btn-container{align-items:start}.homepage-banner section.oh-my-glaze-animated .featured-word{font-size:39px;font-weight:500;line-height:.8;margin-right:20px;margin-top:9px;width:auto;font-family:Reckless Neue}.homepage-banner section.oh-my-glaze-animated .medium_btn:hover{background:#d955a6!important}.homepage-banner section.oh-my-glaze-animated .medium_btn{max-width:254px}.homepage-banner section.oh-my-glaze .hp-banner-animation-subheading strong{font-family:SctoGroteskaA-regular!important}.homepage-banner section.oh-my-glaze-animated .subtitle p{font-style:normal;font-weight:400;line-height:105%;font-family:SctoGroteskaA-regular}.homepage-banner section.oh-my-glaze .medium_btn{max-width:254px}.homepage-banner section.oh-my-glaze .medium_btn:hover{background:#d955a6!important}.homepage-banner section.oh-my-glaze{border-bottom:1px solid #000}@media(min-width:769px){.homepage-banner .content_container.content_container--right .text-btn-container{margin-right:40px}.homepage-banner section.oh-my-glaze-animated .subtitle p{line-height:120%;letter-spacing:-.72px}.homepage-banner section.oh-my-glaze-animated .featured-word{font-size:90px}.homepage-banner section.oh-my-glaze{aspect-ratio:1.8}}@media screen and (max-width:767px){.homepage-banner:not(.homepage-banner-1) section.oh-my-glaze .subtitle p:not(:has(.featured-word)){font-size:22px!important;line-height:105%;letter-spacing:-.48px}.homepage-banner section.oh-my-glaze .hp-banner-animation-subheading strong{font-size:22px!important}}
/*# sourceMappingURL=/cdn/shop/t/350/assets/component-homepage-banner.css.map */