.product-usage-scenario{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);background:var(--background);overflow:hidden}.product-usage-container img,.product-usage-container video{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none}.usage-scenario-content{position:relative}.usage-scenario-bottomr,.usage-scenario-topr{content:"";width:150%;height:60%;border-radius:50%;position:absolute;left:-25%;background:var(--background);z-index:2}.usage-scenario-topr{bottom:91%}.usage-scenario-bottomr{top:91%}.usage-scenario-topr:before{content:"";width:100%;height:100%;border-radius:50%;position:absolute;left:0;bottom:10px;border-bottom:1px solid #fff}.usage-scenario-bottomr:before{content:"";width:100%;height:100%;border-radius:50%;position:absolute;left:0;top:10px;border-top:1px solid #fff}.usage-scenario-text{position:absolute;bottom:5%;left:0;line-height:1.4em;padding:1em .8em;font-size:24px;font-weight:700;color:var(--text-color)}.usage-scenario-header{margin-bottom:5rem;color:var(--text-color);position:relative;z-index:3;text-align:center;display:flex;flex-direction:column;align-items:center}.usage-scenario-heading{font-size:3.8rem;font-weight:700;line-height:1.4em}.usage-scenario-subheading{margin-top:1rem;line-height:1.3em;font-size:1.8rem;max-width:600px}.usage-scenario-content .swiper-button-prev,.usage-scenario-content .swiper-button-next{background:var(--swiper-navigation-bg);width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700}@media screen and (max-width:768px){.usage-scenario-header{margin-bottom:8vw}.usage-scenario-heading{font-size:6vw}.usage-scenario-subheading{font-size:1.6rem}.usage-scenario-text{font-size:18px}.usage-scenario-bottomr,.usage-scenario-topr{content:"";width:120%;height:15%;border-radius:50%;position:absolute;left:-10%;background:var(--background);z-index:2}.usage-scenario-topr{bottom:91%}.usage-scenario-bottomr{top:91%}.usage-scenario-content .swiper-button-prev,.usage-scenario-content .swiper-button-next{width:32px;height:32px}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/product-usage-scenario.css.map */