.scent-hero{background-color:RGB(var(--scent-color))!important;overflow:hidden!important;padding:calc(var(--sectionVerticalSpacing) / 2) var(--sectionGuttersSpacing) calc(var(--sectionVerticalSpacing) / 6) var(--sectionGuttersSpacing)!important;display:flex;flex-direction:column;align-items:center}.scent-hero__main-container{padding:calc(var(--sectionVerticalSpacing) / 3);background-color:RGB(var(--color-background));text-align:center;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;border-radius:22px;max-width:48rem}.scent-hero__main-container .metafield-rich_text_field>*{margin-left:auto;margin-right:auto}.scent-hero__main-container h1{color:RGB(var(--scent-color))!important}.scent-hero__main-container__blocks{padding-top:calc(var(--pxSize) / 2);display:flex;flex-direction:row;gap:calc(var(--pxSize) / 2)}.scent-hero__main-container__blocks__block{border-top:2px solid RGB(var(--scent-color));padding-top:calc(var(--pxSize) / 2);text-align:left;min-width:200px}.scent-hero__main-container__blocks__block>*:last-child{margin-bottom:0}.scent-hero__marquee{z-index:1;white-space:nowrap;opacity:.075;width:100vw;transform:translate(calc(var(--sectionGuttersSpacing) * -1),-15%)}.scent-hero__marquee:is(h2),.scent-hero__marquee span,.scent-hero__marquee span:after{line-height:.8;margin:0;font-size:12vw;color:RGB(var(--color-text))}@keyframes textMarquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.scent-hero__marquee span{display:block;animation:textMarquee 25s linear infinite;width:fit-content}.scent-hero__marquee span:after{position:absolute;left:100%;content:attr(data-text);padding-left:12vw}.scent-hero__arrow{--svgSize: calc(var(--pxSize) / 1.5);position:relative;height:0px;z-index:3}.scent-hero__arrow a{display:block;position:absolute;left:calc(50% - var(--svgSize) / 2);top:calc(var(--svgSize) * -1);width:var(--svgSize);height:var(--svgSize)}.scent-hero__arrow a svg{transform:rotate(-90deg);height:100%;width:100%;pointer-events:all}.scent-hero__arrow a svg *{fill:RGB(var(--color-background))}@media screen and (max-width:1024px){.scent-hero__main-container__blocks{flex-wrap:wrap}.scent-hero__main-container__blocks__block{flex:1}}@media screen and (max-width:1024px){.scent-hero{padding:calc(var(--sectionVerticalSpacing) / 2) calc(var(--sectionGuttersSpacing) * 2) calc(var(--sectionVerticalSpacing) / 2) calc(var(--sectionGuttersSpacing) * 2)!important}.scent-hero__main-container .metafield-rich_text_field>*{font-size:calc(.9rem * var(--font-body-scale))}}
/*# sourceMappingURL=/cdn/shop/t/633/assets/scent-hero.css.map */
