.beambox-home-section{position:relative;width:100%;margin:0;padding:0}.beambox-home{display:block;width:100%;min-height:100vh;margin:0!important;padding:0!important;overflow:hidden;background:#fff;font-family:Alibaba PuHuiTi,Arial,sans-serif}.beambox-home button,.beambox-home a{font-family:inherit}.beambox-home__placeholder{display:block;width:100%;height:100%;background:#f3f3f5;color:#c9c9d2}.beambox-home__carousel{position:relative;width:100%;height:100vh;min-height:560px;overflow:hidden}.beambox-home__slides{position:relative;display:flex;width:100%;height:100%;will-change:transform}.beambox-home__slides--sliding{transition:transform .65s cubic-bezier(.65,0,.35,1)}.beambox-home__slide,.beambox-home__slide-link,.beambox-home__carousel-image{display:block;width:100%;height:100%}.beambox-home__slide{flex:0 0 100%;min-width:100%}.beambox-home__carousel-image{object-fit:cover}.beambox-home__carousel-button{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;transform:translateY(-50%)}.beambox-home__carousel-button:before{box-sizing:border-box;width:22px;height:22px;border:2.06px solid #5e59f7;border-top:0;border-left:0;content:"";transition:border-color .2s ease}.beambox-home__carousel-button--prev{left:24px}.beambox-home__carousel-button--prev:before{transform:rotate(135deg)}.beambox-home__carousel-button--next{right:24px}.beambox-home__carousel-button--next:before{transform:rotate(-45deg)}.beambox-home__carousel-button:hover:before,.beambox-home__carousel-button:focus-visible:before,.beambox-home__carousel-button:active:before{border-color:#3d37c9}.beambox-home__carousel-dots{position:absolute;bottom:24px;left:50%;z-index:2;display:flex;gap:4px;transform:translate(-50%)}.beambox-home__carousel-dot{display:flex;align-items:center;justify-content:center;width:auto;height:auto;padding:16px 6px;border:0;background:transparent;cursor:pointer}.beambox-home__carousel-dot:after{display:block;box-sizing:border-box;width:8px;height:8px;border:1.5px solid #fff;border-radius:3.46px;background:transparent;content:"";transition:width .2s ease,background-color .2s ease}.beambox-home__carousel-dot--active:after{width:30px;background:#ffffff42}.beambox-use__title,.beambox-polly__title,.beambox-family__title,.beambox-explore__title,.beambox-creator__title{display:flex;justify-content:center;width:min(1120px,calc(100% - 48px));margin:0 auto;padding-bottom:50px;box-sizing:border-box}.beambox-use__title-image,.beambox-polly__title-image,.beambox-family__title-image,.beambox-explore__title-image,.beambox-creator__title-image{display:block;width:100%;height:auto;object-fit:contain}.beambox-use{width:100%;margin-top:80px;background:#fff}.beambox-use__content{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,3fr);column-gap:84px;row-gap:32px;width:min(1120px,calc(100% - 48px));margin:0 auto;padding-bottom:80px}.beambox-use__tabs{display:flex;flex-direction:column;align-items:stretch;gap:22px;width:100%}.beambox-use__tab{padding:0 0 12px;border:0;border-bottom:1.5px solid transparent;background:transparent;color:#9aa5c5;cursor:pointer;font-size:16px;font-style:normal;font-weight:400;line-height:1;text-align:left}.beambox-use__tab--active{border-bottom-color:#304380e5;color:#304380}.beambox-use__stage{display:flex;align-items:center;justify-content:center;gap:16px;min-width:0;overflow:hidden}.beambox-use__image{width:80px;height:500px;flex:0 0 80px;border-radius:600px;object-fit:cover;opacity:.55;filter:blur(1px);cursor:pointer;transition:width .45s ease,height .45s ease,flex-basis .45s ease,border-radius .45s ease,opacity .45s ease,filter .45s ease}.beambox-use__image--active{width:589px;height:589px;flex-basis:589px;border-radius:26px;background:#ededec;opacity:1;filter:none}.beambox-use__image--hidden{display:none}.beambox-use__description{grid-column:2;width:100%;padding:0 8px;box-sizing:border-box;overflow-wrap:anywhere;color:#304380;font-size:16px;font-weight:400;line-height:1;text-align:center;text-transform:capitalize}.beambox-polly,.beambox-family,.beambox-creator{width:100%;background:#fff}.beambox-polly__content{display:grid;grid-template-columns:minmax(0,691px) minmax(0,490px);gap:24px;align-items:start;width:min(1120px,calc(100% - 48px));margin:0 auto;padding-bottom:120px}.beambox-polly__videos{position:relative;width:100%;max-width:691px;height:590px}.beambox-polly__video{display:none;width:100%;height:100%;border-radius:26px;background:#ededec;object-fit:cover}.beambox-polly__video--active{display:block}.beambox-polly__thumbnails{display:flex;flex-direction:column;justify-content:space-between;height:590px;min-width:0}.beambox-polly__thumbnail{position:relative;display:block;width:100%;max-width:490px;height:182px;padding:0;overflow:hidden;border:0;border-radius:26px;background:transparent;cursor:pointer}.beambox-polly__thumbnail-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.beambox-polly__thumbnail-image--selected{opacity:0}.beambox-polly__thumbnail--active .beambox-polly__thumbnail-image--selected{opacity:1}.beambox-polly__thumbnail--active .beambox-polly__thumbnail-image--unselected{opacity:0}.beambox-family__content{width:min(1120px,calc(100% - 48px));margin:0 auto}.beambox-family__viewport{width:100vw;margin-left:calc(50% - 50vw);overflow:visible}.beambox-family__stage{position:relative;width:min(1182px,100%);height:410px;margin:0 auto;padding:0;box-sizing:border-box}.beambox-family__product{--family-x: 0px;position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:196px;height:208px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;transform:translate(calc(-50% + var(--family-x)),-50%);transition:transform 1s cubic-bezier(.22,.8,.2,1),width 1s cubic-bezier(.22,.8,.2,1),height 1s cubic-bezier(.22,.8,.2,1),opacity 1s ease;will-change:transform,width,height}.beambox-family__product[data-family-slot="-4"]{--family-x: -1087px}.beambox-family__product[data-family-slot="-3"]{--family-x: -839px}.beambox-family__product[data-family-slot="-2"]{--family-x: -591px}.beambox-family__product[data-family-slot="-1"]{--family-x: -343px}.beambox-family__product[data-family-slot="0"]{--family-x: 0px}.beambox-family__product[data-family-slot="1"]{--family-x: 343px}.beambox-family__product[data-family-slot="2"]{--family-x: 591px}.beambox-family__product[data-family-slot="3"]{--family-x: 839px}.beambox-family__product[data-family-slot="4"]{--family-x: 1087px}.beambox-family__product--side{z-index:2;width:300px;height:318px}.beambox-family__product--center{z-index:3;width:386px;height:410px}.beambox-family__product--outer{z-index:1;opacity:.96}.beambox-family__product--hidden{opacity:0;pointer-events:none}.beambox-family__product--recycling{transition:none}.beambox-family__product-image{display:block;width:100%;height:100%;object-fit:contain;transform:scale(.82);transform-origin:center;transition:transform 1s cubic-bezier(.22,.8,.2,1)}.beambox-family__product--center .beambox-family__product-image{transform:scale(1.08)}.beambox-family__product--side .beambox-family__product-image{transform:scale(.96)}.beambox-family__product--outer .beambox-family__product-image{transform:scale(.82)}.beambox-family__details{display:flex;flex-direction:column;align-items:center;padding-bottom:100px}.beambox-family__name{margin:24px 0 32px;color:#000;font-size:26px;font-weight:500;line-height:1;text-align:center;text-transform:capitalize}.beambox-family__actions{display:flex;gap:22px;align-items:center}.beambox-family__learn-more,.beambox-family__add-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:41px;padding:10px 24px;border-radius:999px;font-size:14px;font-weight:400;line-height:21px;text-decoration:none;white-space:nowrap}.beambox-family__learn-more{width:131px;background:#000;color:#fff}.beambox-family__add-button{width:135px;background:#dfdfff;color:#5e59f7}.beambox-family__learn-more[href],.beambox-family__add-button[href]{cursor:pointer}.beambox-family__learn-more[aria-disabled=true],.beambox-family__add-button[aria-disabled=true]{cursor:default}.beambox-family__learn-more[hidden],.beambox-family__add-button[hidden]{display:none}.beambox-explore{display:flex;flex-direction:column;width:100%;margin-top:45px;padding-bottom:100px;background:#fff}.beambox-explore__content{display:flex;align-items:flex-start;justify-content:center;gap:20px;width:min(1200px,calc(100% - 32px));height:576px;margin:0 auto;flex-wrap:nowrap}.beambox-explore__item{display:flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:flex-start;gap:20px;height:576px}.beambox-explore__item--reverse{flex-direction:column-reverse}.beambox-explore__media{position:relative;display:block;width:100%;aspect-ratio:181 / 454;overflow:hidden;border-radius:100px}.beambox-explore__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;transition:opacity .25s ease,transform .35s ease}.beambox-explore__image--hover{opacity:0}.beambox-explore__item:hover .beambox-explore__image{transform:scale(1.06)}.beambox-explore__item:hover .beambox-explore__image--default:has(+.beambox-explore__image--hover){opacity:0}.beambox-explore__item:hover .beambox-explore__image--hover{opacity:1}.beambox-explore__name{color:#304380;font-size:16px;font-weight:500;line-height:1;text-align:center;text-transform:capitalize}.beambox-creator{padding-bottom:100px}.beambox-creator__content{position:relative;width:100%;height:auto;margin:0 auto;overflow:hidden}.beambox-creator__canvas{position:relative;width:100%;height:934px;margin:0}.beambox-creator__video-wrap{position:absolute;display:block;border-radius:50%;overflow:hidden;contain:layout paint;cursor:pointer;--creator-scale: 1;animation:beambox-creator-float var(--creator-float-duration, 5s) ease-in-out var(--creator-float-delay, 0s) infinite;animation-play-state:paused;transition:filter .35s ease,opacity .3s ease}.beambox-creator__video-wrap:hover{z-index:2;--creator-scale: 1.08;filter:brightness(1.08)}.beambox-creator--active .beambox-creator__video-wrap--visible{animation-play-state:running}.beambox-creator__poster,.beambox-creator__video{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.beambox-creator__poster{transition:opacity .2s ease}.beambox-creator__video{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .2s ease}.beambox-creator__video-wrap--playing .beambox-creator__poster{opacity:0}.beambox-creator__video-wrap--playing .beambox-creator__video{opacity:1}@keyframes beambox-creator-float{0%,to{transform:translateY(0) scale(var(--creator-scale))}50%{transform:translateY(calc(var(--creator-float-distance, 12px) * -1)) scale(var(--creator-scale))}}@media(max-width:900px){.beambox-explore__content{justify-content:flex-start;width:1200px;height:576px;padding:0 16px 12px;overflow-x:auto;box-sizing:border-box}}@media(max-width:760px){.beambox-use,.beambox-polly,.beambox-family,.beambox-explore,.beambox-creator{margin-top:60px}.beambox-use__title,.beambox-polly__title,.beambox-family__title,.beambox-explore__title,.beambox-creator__title{width:calc(100% - 32px);padding-bottom:32px}.beambox-use__content{grid-template-columns:1fr;gap:32px;width:min(calc(100% - 32px),589px)}.beambox-use__tabs{flex-direction:row;gap:20px}.beambox-use__stage{height:min(589px,80vw)}.beambox-use__image{width:48px;height:calc(100% - 45px);flex-basis:48px}.beambox-use__image--active{width:calc(100% - 60px);height:100%;flex-basis:calc(100% - 60px)}.beambox-use__description{grid-column:1}.beambox-polly__content{grid-template-columns:1fr;gap:16px;width:calc(100% - 32px)}.beambox-polly__videos{max-width:none;height:auto;aspect-ratio:691 / 590}.beambox-polly__thumbnails{flex-direction:row;gap:12px;height:auto;overflow-x:auto}.beambox-polly__thumbnail{flex:0 0 182px}.beambox-family__content{width:calc(100% - 32px)}.beambox-family__stage{width:100%;height:min(410px,70vw);margin-left:0;overflow:hidden}.beambox-family__product{width:20vw;height:21.25vw}.beambox-family__product[data-family-slot="-4"]{--family-x: -132vw}.beambox-family__product[data-family-slot="-3"]{--family-x: -100vw}.beambox-family__product[data-family-slot="-2"]{--family-x: -68vw}.beambox-family__product[data-family-slot="-1"]{--family-x: -35vw}.beambox-family__product[data-family-slot="1"]{--family-x: 35vw}.beambox-family__product[data-family-slot="2"]{--family-x: 68vw}.beambox-family__product[data-family-slot="3"]{--family-x: 100vw}.beambox-family__product[data-family-slot="4"]{--family-x: 132vw}.beambox-family__product--side{width:25vw;height:26.5vw}.beambox-family__product--center{width:45vw;height:47.8vw}.beambox-family__product--outer{display:none}.beambox-explore__item{flex-basis:140px;height:576px}.beambox-explore__media{width:140px;height:350px}}@media(max-width:640px){.beambox-home__carousel-button{width:36px;height:36px}.beambox-home__carousel-button--prev{left:12px}.beambox-home__carousel-button--next{right:12px}}@media(prefers-reduced-motion:reduce){.beambox-home__slides--sliding,.beambox-use__image,.beambox-family__product,.beambox-family__product-image,.beambox-explore__image,.beambox-creator__video-wrap{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/beambox-home.css.map */