.mp-motion{position:relative;isolation:isolate;aspect-ratio:9/16;border-radius:10px;overflow:hidden;background:#f3eee8;min-width:0}.mp-motion picture,.mp-motion img,.mp-motion video{display:block;width:100%;height:100%}.mp-motion img,.mp-motion video{object-fit:contain}.mp-motion video{position:absolute;top:0;right:0;bottom:0;left:0;display:none}.mp-motion[data-playing=true] video,.mp-motion[data-loading=true] video{display:block}.mp-motion--click>.mp-play{top:auto;left:auto;right:16px;bottom:16px;transform:none}.mp-motion__toggle{position:absolute;z-index:2;right:7px;bottom:7px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #e5dbd1;border-radius:50%;background:#fffc;color:var(--mp-text);font-size:14px!important;line-height:1}.mp-hero-media{min-width:0;position:relative;width:calc(100% + 8px);margin-inline:-4px}.mp-hero-media__rail{display:flex;gap:12px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:center;border-radius:10px}.mp-hero-media__rail::-webkit-scrollbar{display:none}.mp-hero .mp-hero-media .mp-pairing{flex:0 0 100%;scroll-snap-align:start;margin:0;width:100%}.mp-hero-motion{flex:0 0 100%;height:236px;scroll-snap-align:start;background:#fff;border:1px solid #e2d7ce;border-radius:10px;display:flex;justify-content:center}.mp-hero-motion .mp-motion{width:132.75px;height:236px;border-radius:8px}.mp-hero-media__nav{position:absolute;bottom:6px;left:8px;display:flex;gap:3px;z-index:3}.mp-hero-media__nav button{border:1px solid #e2d7ce;border-radius:4px;background:#fffffff2;color:var(--mp-secondary);padding:5px 7px;font-size:11px;min-height:30px}.mp-hero-media__nav button[aria-pressed=true]{color:var(--mp-text);border-color:#ad9183}.mp-ugc--motion .mp-lede{max-width:52ch}.mp-real-life-grid{display:grid;grid-auto-flow:column;grid-auto-columns:89%;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;margin-top:28px;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#d9cdc4 transparent}.mp-real-life-card{min-width:0;scroll-snap-align:start}.mp-real-life-card .mp-motion{max-width:310px;margin-inline:auto}.mp-real-life-card .mp-ugc-copy{text-align:left;margin:16px 0 0}.mp-real-life-card .mp-ugc-copy h3{font-size:2.6rem}.mp-real-life-card .mp-ugc-copy p{max-width:29ch}.mp-step-card .mp-motion{aspect-ratio:4/5;border-radius:0}.mp-step-card .mp-motion__toggle{width:32px;height:32px;right:5px;bottom:5px}.mp-ritual-grid{display:grid;gap:26px;align-items:center}.mp-ritual-copy{max-width:46ch}.mp-ritual-copy .mp-link{margin-top:18px}.mp-ritual-film{width:min(100%,260px);margin-inline:auto}.mp-ritual-film .mp-play{z-index:2}.mp-ritual-duration{display:block;font-size:1.4rem;color:var(--mp-secondary);margin-top:10px;text-align:center}.mp-gallery__slide>.mp-motion{height:240px;aspect-ratio:auto;background:#fff;border:1px solid #e7dfd8}@media(min-width:750px){.mp-hero-media{grid-column:2;grid-row:1/3;width:100%;margin:0;align-self:center}.mp-hero-media__rail{display:block;overflow:visible}.mp-hero-motion{position:absolute;bottom:-24px;left:12px;width:90px;height:160px;border:3px solid #fff;border-radius:10px;box-shadow:0 5px 18px #4a342e12;z-index:1}.mp-hero-motion .mp-motion{width:100%;height:100%;border-radius:7px}.mp-hero-media__nav{display:none}.mp-real-life-grid{grid-auto-flow:unset;grid-auto-columns:unset;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;overflow:visible;max-width:960px;margin-inline:auto}.mp-ritual-grid{grid-template-columns:1fr 1fr;gap:48px;max-width:1000px;margin-inline:auto}.mp-ritual-film{width:270px}.mp-gallery__slide>.mp-motion{height:420px}}@media(min-width:1024px){.mp-hero-motion{width:110px;height:195.55px;left:22px;bottom:-32px}.mp-real-life-grid{gap:40px}.mp-real-life-card .mp-motion{max-width:268px}.mp-real-life-card .mp-ugc-copy{max-width:268px;margin-inline:auto}.mp-ritual-grid{gap:64px}.mp-ritual-film{width:280px}.mp-gallery__slide>.mp-motion{height:500px}}@media(prefers-reduced-motion:reduce){.mp-motion video{transition:none}.mp-hero-media__rail,.mp-real-life-grid{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/101/assets/mp-motion.css.map */