.ruyi-botanical-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.ruyi-botanical-frame svg{display:block;width:100%;height:100%}.ruyi-botanical-frame .ruyi-botanical-frame__mobile{display:none}.ruyi-hero-carousel--framed .ruyi-hero__inner{padding-left:max(18%,calc((100% - var(--page-width)) / 2 + 5rem));padding-right:14%;padding-top:9rem;padding-bottom:14rem;max-width:none}.ruyi-hero-carousel--framed .ruyi-hero__content{width:52%}.ruyi-hero-carousel--framed .ruyi-hero--curved:after{display:none}.ruyi-hero-carousel--framed .ruyi-hero__controls{z-index:3;bottom:1.4rem}body:has(.ruyi-hero-section:first-child .ruyi-hero-carousel--framed) .ruyi-header-wrapper{position:relative;border-bottom-color:transparent}body:has(.ruyi-hero-section:first-child .ruyi-hero-carousel--framed) .ruyi-header-wrapper:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background-image:url(ruyi-botanical-frame-desktop.webp);background-size:100% auto;background-position:center top;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(to right,#000 0%,#000 2%,transparent 7%,transparent 93%,#000 98%,#000 100%);mask-image:linear-gradient(to right,#000 0%,#000 2%,transparent 7%,transparent 93%,#000 98%,#000 100%);pointer-events:none}body:has(.ruyi-hero-section:first-child .ruyi-hero-carousel--framed) .ruyi-header{position:relative}@media screen and (max-width:989px){body:has(.ruyi-hero-section:first-child .ruyi-hero-carousel--framed) .ruyi-header-wrapper:before{display:none}}@media screen and (max-width:749px){.ruyi-botanical-frame .ruyi-botanical-frame__desktop{display:none}.ruyi-botanical-frame .ruyi-botanical-frame__mobile{display:block}.ruyi-hero-carousel--framed .ruyi-hero__inner{padding:8rem 15% 12rem}.ruyi-hero-carousel--framed .ruyi-hero__content{width:100%;max-width:34rem}.ruyi-hero-carousel--framed .ruyi-hero__heading{font-size:clamp(3rem,8vw,4.4rem)}}.ruyi-hero-carousel--framed{padding:0}.ruyi-botanical-frame{clip-path:none}.ruyi-hero-carousel--framed .ruyi-hero__controls{bottom:0}.ruyi-hero-carousel--framed .ruyi-hero__media{aspect-ratio:2 / 1;background:#faf8f2}.ruyi-hero-carousel--framed .ruyi-hero__image{width:88%;margin-left:12%;height:auto}@media(max-width:749px){.ruyi-hero-carousel--framed:has(source[media]) .ruyi-hero__media{aspect-ratio:auto;padding-bottom:2%}.ruyi-hero-carousel--framed:has(source[media]) .ruyi-hero__image{width:90%;margin-left:5%}.ruyi-hero-carousel--framed:not(:has(source[media])) .ruyi-botanical-frame__desktop{display:block}.ruyi-hero-carousel--framed:not(:has(source[media])) .ruyi-botanical-frame__mobile{display:none}}body .ruyi-categories--decorated:before{-webkit-mask-image:linear-gradient(to right,#000,transparent 7%,transparent 93%,#000);mask-image:linear-gradient(to right,#000,transparent 7%,transparent 93%,#000)}@media(min-width:990px){.ruyi-hero-carousel--framed:before{content:"";position:absolute;z-index:3;top:-1px;left:0;width:24%;height:clamp(24px,3vw,44px);background:#faf8f2;border-radius:0 0 85% 15%;pointer-events:none}}body:has(.ruyi-hero-carousel--framed) .ruyi-header-wrapper:before{display:none}@media(max-width:749px){.ruyi-botanical-frame__mobile mask path{transform:translate(-45px) scaleX(1.12)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/ruyi-botanical-frame.css.map */