main .banner-section-wrapper:first-child .banner__content{margin-top:var(--header-height, 0px)}.banner-section{width:100%;position:relative}.banner_wrapper{position:relative}.banner-section-wrapper>.banner_wrapper{background:transparent}.banner-section .banner{background:var(--gradient-background)}.banner-section .banner{position:relative;width:100%;overflow:hidden;height:var(--banner-height-mobile, 480px);display:flex;align-items:flex-end;--wave-height: 1.3rem;-webkit-mask-image:linear-gradient(#000,#000),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTIiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgLTQgMjUyIDIxIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDEzKSBzY2FsZSgxIC0xKSI+PHBhdGggZD0iTTAgMTdWMTEuMzk4M0MxNS43NSAxMS4zOTgzIDE1Ljc1IDAgMzEuNSAwQzQ3LjI1IDAgNDcuMjUgMTEuMzk4MyA2MyAxMS4zOTgzQzc4Ljc1IDExLjM5ODMgNzguNzUgMCA5NC41IDBDMTEwLjI1IDAgMTEwLjI1IDExLjM5ODMgMTI2IDExLjM5ODNDMTQxLjc1IDExLjM5ODMgMTQxLjc1IDAgMTU3LjUgMEMxNzMuMjUgMCAxNzMuMjUgMTEuMzk4MyAxODkgMTEuMzk4M0MyMDQuNzUgMTEuMzk4MyAyMDQuNzUgMCAyMjAuNSAwQzIzNi4yNSAwIDIzNi4yNSAxMS4zOTgzIDI1MiAxMS4zOTgzVjE3WiIvPjwvZz48L3N2Zz4=);mask-image:linear-gradient(#000,#000),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTIiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgLTQgMjUyIDIxIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDEzKSBzY2FsZSgxIC0xKSI+PHBhdGggZD0iTTAgMTdWMTEuMzk4M0MxNS43NSAxMS4zOTgzIDE1Ljc1IDAgMzEuNSAwQzQ3LjI1IDAgNDcuMjUgMTEuMzk4MyA2MyAxMS4zOTgzQzc4Ljc1IDExLjM5ODMgNzguNzUgMCA5NC41IDBDMTEwLjI1IDAgMTEwLjI1IDExLjM5ODMgMTI2IDExLjM5ODNDMTQxLjc1IDExLjM5ODMgMTQxLjc1IDAgMTU3LjUgMEMxNzMuMjUgMCAxNzMuMjUgMTEuMzk4MyAxODkgMTEuMzk4M0MyMDQuNzUgMTEuMzk4MyAyMDQuNzUgMCAyMjAuNSAwQzIzNi4yNSAwIDIzNi4yNSAxMS4zOTgzIDI1MiAxMS4zOTgzVjE3WiIvPjwvZz48L3N2Zz4=);-webkit-mask-size:100% calc(100% - var(--wave-height) * 15 / 13),auto calc(var(--wave-height) * 21 / 13);mask-size:100% calc(100% - var(--wave-height) * 15 / 13),auto calc(var(--wave-height) * 21 / 13);-webkit-mask-repeat:no-repeat,repeat-x;mask-repeat:no-repeat,repeat-x;-webkit-mask-position:top,0 calc(100% + var(--wave-height) / 13);mask-position:top,0 calc(100% + var(--wave-height) / 13);animation:maskslideleft 100s linear infinite;-webkit-animation:maskslideleft 100s linear infinite}.banner-section .banner--v-top{align-items:flex-start}.banner-section .banner--v-middle{align-items:center}.banner-section .banner--v-bottom{align-items:flex-end}@media(min-width:750px){.banner-section .banner{height:var(--banner-height-desktop, 640px)}}@keyframes maskslideleft{0%{mask-position:top,0 calc(100% + var(--wave-height) / 13);-webkit-mask-position:top,0 calc(100% + var(--wave-height) / 13)}to{mask-position:top,calc(var(--wave-height) * -3024 / 13) calc(100% + var(--wave-height) / 13);-webkit-mask-position:top,calc(var(--wave-height) * -3024 / 13) calc(100% + var(--wave-height) / 13)}}@media(prefers-reduced-motion:reduce){.banner-section .banner{animation:none;-webkit-animation:none}}.banner-section .banner.banner--wave-top{-webkit-mask-image:linear-gradient(#000,#000),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTIiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgLTIgMjUyIDE3Ij48cGF0aCBkPSJNMCAxNVYxMS4zOTgzQzE1Ljc1IDExLjM5ODMgMTUuNzUgMCAzMS41IDBDNDcuMjUgMCA0Ny4yNSAxMS4zOTgzIDYzIDExLjM5ODNDNzguNzUgMTEuMzk4MyA3OC43NSAwIDk0LjUgMEMxMTAuMjUgMCAxMTAuMjUgMTEuMzk4MyAxMjYgMTEuMzk4M0MxNDEuNzUgMTEuMzk4MyAxNDEuNzUgMCAxNTcuNSAwQzE3My4yNSAwIDE3My4yNSAxMS4zOTgzIDE4OSAxMS4zOTgzQzIwNC43NSAxMS4zOTgzIDIwNC43NSAwIDIyMC41IDBDMjM2LjI1IDAgMjM2LjI1IDExLjM5ODMgMjUyIDExLjM5ODNWMTVaIi8+PC9zdmc+);mask-image:linear-gradient(#000,#000),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTIiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgLTIgMjUyIDE3Ij48cGF0aCBkPSJNMCAxNVYxMS4zOTgzQzE1Ljc1IDExLjM5ODMgMTUuNzUgMCAzMS41IDBDNDcuMjUgMCA0Ny4yNSAxMS4zOTgzIDYzIDExLjM5ODNDNzguNzUgMTEuMzk4MyA3OC43NSAwIDk0LjUgMEMxMTAuMjUgMCAxMTAuMjUgMTEuMzk4MyAxMjYgMTEuMzk4M0MxNDEuNzUgMTEuMzk4MyAxNDEuNzUgMCAxNTcuNSAwQzE3My4yNSAwIDE3My4yNSAxMS4zOTgzIDE4OSAxMS4zOTgzQzIwNC43NSAxMS4zOTgzIDIwNC43NSAwIDIyMC41IDBDMjM2LjI1IDAgMjM2LjI1IDExLjM5ODMgMjUyIDExLjM5ODNWMTVaIi8+PC9zdmc+);-webkit-mask-size:100% calc(100% - var(--wave-height) * 14 / 13),auto calc(var(--wave-height) * 17 / 13);mask-size:100% calc(100% - var(--wave-height) * 14 / 13),auto calc(var(--wave-height) * 17 / 13);-webkit-mask-position:bottom,0 calc(var(--wave-height) / -13);mask-position:bottom,0 calc(var(--wave-height) / -13);animation:maskslidetop 100s linear infinite;-webkit-animation:maskslidetop 100s linear infinite}@keyframes maskslidetop{0%{mask-position:bottom,0 calc(var(--wave-height) / -13);-webkit-mask-position:bottom,0 calc(var(--wave-height) / -13)}to{mask-position:bottom,calc(var(--wave-height) * -3024 / 13) calc(var(--wave-height) / -13);-webkit-mask-position:bottom,calc(var(--wave-height) * -3024 / 13) calc(var(--wave-height) / -13)}}.banner-section .banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.banner-section .banner__media img,.banner-section .banner__media video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.banner-section .banner__media--mobile{display:block}.banner-section .banner__media--desktop{display:none}@media(min-width:750px){.banner-section .banner__media--mobile{display:none}.banner-section .banner__media--desktop{display:block}}.banner-section .banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.template-product .banner-section .banner__overlay{background:linear-gradient(180deg,#f6cabe00 80.22%,#f6cabe),linear-gradient(180deg,#0003 0% 100%)}.banner-section .banner__content{position:relative;z-index:2;width:100%;max-width:var(--page-width, 116rem);margin-inline:auto;padding:7.7rem 6rem;color:var(--banner-text-color, #fff)}.banner-section .banner__content--left{text-align:left;margin-inline-end:auto}.banner-section .banner__content--center{text-align:center;margin-inline:auto}.banner-section .banner__content--right{text-align:right;margin-inline-start:auto}.banner-section .banner__buttons{display:flex;flex-wrap:wrap;gap:1.2rem 2.2rem}.banner-section .banner__content--center .banner__buttons{justify-content:center}.banner-section .banner__content--right .banner__buttons{justify-content:flex-end}.banner-section .banner__content .subtitle{margin-bottom:1rem}.banner-section .banner__content.banner__heading_first .subtitle{margin-top:2.6rem;margin-bottom:0}.banner-section .banner__heading{margin:0}.banner-section :is(.banner__description,.banner__buttons){margin-top:2.5rem}.banner-section .banner__heading.font-secondary{text-transform:none}@media(min-width:750px){.banner-section .banner__content.banner__heading_first .subtitle{font-size:1.8rem}}@media(max-width:1499px){.banner-section .banner__content{padding-block:5.5rem 3.5rem}}@media(max-width:749px){.banner-section .banner__content{padding:5.5rem 2.2rem;text-align:center}.banner-section .banner__buttons{justify-content:center}.banner-section .banner__content .subtitle{margin-bottom:.5rem}.banner-section .banner__content.banner__heading_first .subtitle{margin-top:1.2rem}}@media(max-width:480px){.banner-section .banner__content{padding-inline:1.5rem}}.your_station_banner{margin-top:-5rem}.your_station_banner .banner__content{max-width:53.3rem}.your_station_banner:after{content:"";position:absolute;background-position:center;background-size:cover;background-repeat:no-repeat;z-index:2;transform:var(--animated-icon-transform, none);top:auto;background-image:url(hot-girls-do-hair.svg);width:21.8rem;aspect-ratio:1.61/1;bottom:-7rem;right:5.3rem}.your_station_banner .banner-section .banner__overlay{background:linear-gradient(180deg,#fff 3%,#00000026 30%)}@media(max-width:1499px){.your_station_banner:after{width:18.5rem;bottom:-5.8rem}}@media(max-width:749px){.your_station_banner .banner--v-middle{align-items:start}.your_station_banner .banner__content .banner__heading{font-family:var(--font-tertiary-family);font-style:var(--font-tertiary-style);font-weight:var(--font-tertiary-weight);line-height:var(--font-tertiary-line-height);letter-spacing:var(--font-tertiary-letter-spacing);text-transform:uppercase;font-size:1.5rem;color:rgb(var(--color-secondary-button-text))}.your_station_banner:after{width:16rem;bottom:-4.5rem;left:3rem;right:0}}@media(max-width:480px){.your_station_banner:after{width:14.5rem;left:1rem}}.house-party-banner .banner-section .banner__overlay{background:linear-gradient(180deg,#0006,#0000 55.32%),linear-gradient(180deg,#f2ecc000 42.79%,#f2ecc0 94.71%)}.house-party-banner .banner__heading{position:relative;padding-bottom:5.4rem}.house-party-banner .banner__heading:after{content:"";position:absolute;top:auto;right:0;left:0;bottom:0;margin:auto;width:1.5rem;aspect-ratio:.63/1;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(arrow.svg)}@media(max-width:1499px){.house-party-banner .banner__heading{padding-bottom:5rem}}@media(max-width:749px){.house-party-banner .banner__heading{padding-bottom:4.5rem}}.welcome-banner .banner__content{max-width:fit-content;position:relative}.welcome-banner .banner__content:after{content:"";position:absolute;background-position:center;background-size:contain;background-repeat:no-repeat;z-index:2;transform:var(--animated-icon-transform, none);top:5rem;background-image:url(never-miss-out.svg);width:21.3rem;aspect-ratio:2.03/1;right:-2rem}@media(max-width:1499px){.welcome-banner .banner__content:after{top:3rem;right:-1rem}}@media(max-width:989px){.welcome-banner .banner__content:after{width:18.5rem;top:4rem}}@media(max-width:749px){.welcome-banner .banner__content{margin-top:auto!important}.welcome-banner .banner__content:after{width:15rem;right:-2rem}}@media(max-width:480px){.welcome-banner .banner__content:after{top:auto;width:11.7rem;right:2.2rem;bottom:9rem}.welcome-banner .banner__heading.font-secondary{top:auto;max-width:90%;margin-inline:auto}}.subscription-banner .banner__content{padding-block:4.9rem}.subscription-banner .banner-section .banner__heading{margin:0;max-width:60rem;margin-inline:auto}.subscription-banner .banner__buttons{margin-top:4.4rem}@media(max-width:749px){.subscription-banner .banner__content{display:flex;flex-direction:column;justify-content:space-between;height:calc(100% - var(--header-height, 0px))}.subscription-banner .banner-section .banner__heading{max-width:36rem}}@media(max-width:480px){.subscription-banner .banner__content{padding-top:3rem}.subscription-banner .banner-section .banner__heading{max-width:26rem}}.our-story-banner .banner__content{padding-block:3.9rem;position:relative}.our-story-banner .banner__content:after{content:"";position:absolute;background-position:center;background-size:contain;background-repeat:no-repeat;z-index:2;transform:var(--animated-icon-transform, none);bottom:-1rem;background-image:url(welcome-home.svg);width:23.3rem;aspect-ratio:1.29/1;left:7rem}.our-story-banner .banner__heading.font-secondary{max-width:36rem;text-align:center;margin-left:13.1rem}@media(max-width:1299px){.our-story-banner .banner__content:after{bottom:2rem;width:20rem;left:4rem}.our-story-banner .banner__heading.font-secondary{margin-left:8rem}}@media(max-width:1199px){.our-story-banner .banner__content:after{bottom:3rem;width:17rem;left:1rem}.our-story-banner .banner__heading.font-secondary{margin-left:3rem}}@media(max-width:989px){.our-story-banner .banner__content:after{bottom:3rem;left:1rem}.our-story-banner .banner__heading.font-secondary{margin-left:0}}@media(max-width:749px){.our-story-banner .banner__content{padding-block:2.5rem;width:fit-content}.our-story-banner .banner__content:after{bottom:0;left:-5rem;width:16.5rem}.our-story-banner .banner__heading.font-secondary{max-width:30rem;margin-inline:auto}}@media(max-width:480px){.our-story-banner .banner__content:after{left:-7.5rem;width:14.5rem;bottom:-3rem}}.bundles-banner .banner__content>*{max-width:43.5rem}.bundles-banner:after{content:"";position:absolute;background-position:center;background-size:contain;background-repeat:no-repeat;z-index:2;transform:var(--animated-icon-transform, none);top:auto;background-image:url(Artwork.svg);width:21.5rem;aspect-ratio:1.65/1;bottom:-7rem;right:5.3rem}@media(max-width:1499px){.bundles-banner:after{width:18.5rem;bottom:-5.8rem}}@media(max-width:749px){.bundles-banner{overflow-x:hidden}.bundles-banner .banner__content{padding-block:3.8rem;margin-top:auto!important}.bundles-banner:after{top:8rem;background-image:url(better-together.svg);width:12rem;aspect-ratio:1.12/1;right:-5rem}.bundles-banner .banner__content>*{max-width:34.8rem;margin-inline:auto}}@media(max-width:480px){.bundles-banner .banner__content .banner__heading{max-width:72%}.bundles-banner:after{width:9.2rem;right:-3.5rem}}.made-for-stylists .banner__heading{max-width:76.9rem}.made-for-stylists .banner__content.banner__content--center .banner__heading{margin-inline:auto}.made-for-stylists .banner__content.banner__content--right .banner__heading{margin-left:auto}.made-for-stylists .banner-section .banner__overlay{background:linear-gradient(180deg,#fff0 62.98%,#fff),linear-gradient(180deg,#00000080,#0000 62.35%)}@media(max-width:989px){.made-for-stylists .banner__heading{max-width:60rem}}@media(max-width:749px){.made-for-stylists .banner__heading{max-width:52rem}}@media(max-width:480px){.made-for-stylists .banner__heading{max-width:35rem}}.customizable-banner .banner-section .banner__overlay{background:linear-gradient(180deg,#f2ecc000 65.87%,#f2ecc0),linear-gradient(180deg,#00000080 16.98%,#0000 56.19%)}@media(max-width:480px){.customizable-banner .banner__heading{max-width:25rem;margin-inline:auto}}section:has(.non-customizable-banner){margin-bottom:-3rem!important;overflow-x:hidden}.non-customizable-banner:after{content:"";position:absolute;background-position:center;background-size:contain;background-repeat:no-repeat;z-index:2;transform:var(--animated-icon-transform, none);top:10rem;background-image:url(Artwork.svg);width:21.5rem;aspect-ratio:1.67/1;bottom:auto;right:-5rem}.non-customizable-banner .banner-section .banner__overlay{background:linear-gradient(180deg,#fff0 65.87%,#fff),linear-gradient(180deg,#00000080 16.98%,#0000 56.19%)}@media(max-width:749px){.non-customizable-banner:after{width:18rem;right:-3.5rem}}@media(min-width:481px)and (max-width:576px),(max-width:390px){.non-customizable-banner:after{top:13rem}}@media(max-width:480px){.non-customizable-banner:after{width:12.2rem;right:-2.5rem}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/section-banner.css.map */