.lb-motion{padding-block:clamp(4.8rem,7vw,8.8rem)}.lb-motion--teaser,.lb-motion--section{background:var(--lb-bg-page)}.lb-motion--section.lb-motion--surface-sand{background:var(--lb-color-sand)}.lb-motion--section.lb-motion--surface-rosa_hell{background:var(--lb-color-rosa-hell)}.lb-motion--surface-sand .lb-motion__toggle:hover,.lb-motion--surface-rosa_hell .lb-motion__toggle:hover{background:var(--lb-bg-page);border-color:var(--lb-color-petrol-deep)}.lb-motion--wide .lb-motion__wrap{max-width:148rem}.lb-motion__wrap{container:lbmotion / inline-size}.lb-motion__grid{display:grid;gap:clamp(2.4rem,3vw,3.6rem)}.lb-motion__head{max-width:76rem}.lb-motion__head>:first-child{margin-top:0}.lb-motion__head>:last-child{margin-bottom:0}.lb-motion__title{margin-bottom:0}.lb-motion__text{margin-top:1.4rem;max-width:60rem}.lb-motion__cta{margin:2.4rem 0 0}.lb-motion__player{display:block;min-width:0;width:100%}.lb-motion--text_above .lb-motion__player,.lb-motion--video_only .lb-motion__player,.lb-motion--overlay .lb-motion__player,.lb-motion--split .lb-motion__player{max-width:min(100%,calc(84svh * 16 / 9));justify-self:center}@container lbmotion (min-width: 133rem){.lb-motion--split.lb-motion--m55:not(.lb-motion--no-head) .lb-motion__grid{grid-template-columns:minmax(0,45fr) minmax(0,55fr);align-items:center;column-gap:5.6rem}.lb-motion--split.lb-motion--m55:not(.lb-motion--no-head) .lb-motion__player{max-width:none}}@container lbmotion (min-width: 123rem){.lb-motion--split.lb-motion--m60:not(.lb-motion--no-head) .lb-motion__grid{grid-template-columns:minmax(0,40fr) minmax(0,60fr);align-items:center;column-gap:5.6rem}.lb-motion--split.lb-motion--m60:not(.lb-motion--no-head) .lb-motion__player{max-width:none}}@container lbmotion (min-width: 114rem){.lb-motion--split.lb-motion--m65:not(.lb-motion--no-head) .lb-motion__grid{grid-template-columns:minmax(0,35fr) minmax(0,65fr);align-items:center;column-gap:5.6rem}.lb-motion--split.lb-motion--m65:not(.lb-motion--no-head) .lb-motion__player{max-width:none}}@container lbmotion (min-width: 106rem){.lb-motion--split.lb-motion--m70:not(.lb-motion--no-head) .lb-motion__grid{grid-template-columns:minmax(0,30fr) minmax(0,70fr);align-items:center;column-gap:5.6rem}.lb-motion--split.lb-motion--m70:not(.lb-motion--no-head) .lb-motion__player{max-width:none}}@container lbmotion (min-width: 122rem){.lb-motion--split.lb-motion--m75:not(.lb-motion--no-head) .lb-motion__grid{grid-template-columns:minmax(0,25fr) minmax(0,75fr);align-items:center;column-gap:5.6rem}.lb-motion--split.lb-motion--m75:not(.lb-motion--no-head) .lb-motion__player{max-width:none}}.lb-motion__media{position:relative}.lb-motion__frame{position:relative;aspect-ratio:var(--lb-motion-ratio, 16 / 9);overflow:hidden;border-radius:var(--lb-pg-radius-lg, 2.8rem);background:var(--lb-bg-page);box-shadow:var(--lb-pg-shadow)}.lb-motion--teaser .lb-motion__frame{box-shadow:none;border-radius:var(--lb-pg-radius, 1.6rem)}.lb-motion__poster,.lb-motion__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.lb-motion__video{opacity:0;transition:opacity .35s ease;background:transparent}lb-product-motion.is-playing .lb-motion__video,lb-product-motion .lb-motion__video[controls]{opacity:1}@media screen and (min-width:750px){.lb-motion__overlay{position:absolute;z-index:2;max-width:min(42rem,36%);margin:clamp(1.2rem,1.6vw,2rem);padding:clamp(1.4rem,1.6vw,2.2rem) clamp(1.8rem,2vw,2.6rem);border-radius:var(--lb-pg-radius, 1.6rem);opacity:1;visibility:visible;transition:opacity .45s ease,visibility 0s linear 0s}.lb-motion__overlay .lb-pg__eyebrow{margin-bottom:.8rem}.lb-motion__overlay .lb-pg__h2{font-size:clamp(2rem,2.1vw,2.8rem)}.lb-motion__overlay .lb-motion__text{font-size:1.5rem;margin-top:.8rem}.lb-motion__overlay .lb-motion__cta{margin-top:1.4rem}.lb-motion__overlay--top_left,.lb-motion__overlay--top_center,.lb-motion__overlay--top_right{top:0}.lb-motion__overlay--bottom_left,.lb-motion__overlay--bottom_center,.lb-motion__overlay--bottom_right{bottom:0}.lb-motion__overlay--top_left,.lb-motion__overlay--bottom_left{left:0}.lb-motion__overlay--top_right,.lb-motion__overlay--bottom_right{right:0}.lb-motion__overlay--top_center,.lb-motion__overlay--bottom_center{left:50%;transform:translate(-50%);margin-inline:0;text-align:center}.lb-motion__overlay--top_center .lb-pg__eyebrow,.lb-motion__overlay--bottom_center .lb-pg__eyebrow{justify-content:center}.lb-motion__overlay--scrim-light{background:color-mix(in srgb,var(--lb-bg-page) 92%,transparent);box-shadow:0 6px 24px #3f3a3614}.lb-motion__overlay--scrim-petrol{background:color-mix(in srgb,var(--lb-color-petrol-deep) 90%,transparent);color:var(--lb-bg-page)}.lb-motion__overlay--scrim-petrol .lb-pg__eyebrow,.lb-motion__overlay--scrim-petrol .lb-pg__h2,.lb-motion__overlay--scrim-petrol .lb-pg__lede{color:var(--lb-bg-page)}.lb-motion__overlay--scrim-petrol .lb-pg-btn--primary{background:var(--lb-bg-page);color:var(--lb-color-petrol-deep)}lb-product-motion.is-playing:not(.is-paused) .lb-motion__overlay{opacity:0;visibility:hidden;transition:opacity .6s ease 2.4s,visibility 0s linear 3s}}@media screen and (max-width:749px){.lb-motion--overlay .lb-motion__media{display:flex;flex-direction:column}.lb-motion__overlay{order:-1;margin:0 0 2.4rem}}.lb-motion__start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:1.2rem;min-height:5.6rem;padding:0 2.6rem 0 1.2rem;border:0;border-radius:99rem;background:var(--lb-color-petrol);color:#fff;font:inherit;font-size:1.6rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;cursor:pointer;box-shadow:0 6px 24px #1f4f5440;transition:background-color .18s ease,transform .16s cubic-bezier(.23,1,.32,1)}.lb-motion__start[hidden]{display:none}.lb-motion__start:hover{background:var(--lb-color-petrol-deep)}.lb-motion__start:active{transform:translate(-50%,-50%) scale(.97)}.lb-motion__start-icon{display:inline-grid;place-items:center;width:3.6rem;height:3.6rem;border-radius:50%;background:#ffffff29}.lb-motion__bar{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 1.6rem;min-height:4.4rem;margin-top:1.4rem}.lb-motion__meta{margin:0;font-size:1.4rem;color:var(--lb-text-secondary)}.lb-motion__bar-cta{margin-left:auto}.lb-motion__toggle{display:inline-flex;align-items:center;gap:.8rem;height:4.4rem;padding:0 1.8rem 0 1.4rem;border-radius:99rem;border:.1rem solid var(--lb-border-soft);background:var(--lb-bg-page);color:var(--lb-color-petrol-deep);font:inherit;font-size:1.4rem;font-weight:700;letter-spacing:.02em;line-height:1;cursor:pointer;box-shadow:0 2px 8px #2f6f7314;transition:background-color .18s ease,transform .16s cubic-bezier(.23,1,.32,1)}.lb-motion__toggle[hidden]{display:inline-flex;visibility:hidden}.lb-motion__toggle:hover{background:var(--lb-color-sand)}.lb-motion__toggle:active{transform:scale(.97)}.lb-motion__toggle svg{flex:none}.lb-motion__icon-play{display:none}.lb-motion__toggle.is-paused .lb-motion__icon-play{display:block}.lb-motion__toggle.is-paused .lb-motion__icon-pause{display:none}.lb-motion__labels{display:grid}.lb-motion__label{grid-area:1 / 1}.lb-motion__label--pause{visibility:visible}.lb-motion__label--play,.lb-motion__toggle.is-paused .lb-motion__label--pause{visibility:hidden}.lb-motion__toggle.is-paused .lb-motion__label--play{visibility:visible}.lb-motion--film .lb-motion__toggle{display:none}lb-product-motion.is-unavailable .lb-motion__toggle{visibility:hidden}.lb-motion__toggle:focus-visible,.lb-motion__start:focus-visible,.lb-motion__video:focus-visible,.lb-motion__story summary:focus-visible{outline:.2rem solid var(--lb-color-petrol-deep);outline-offset:.3rem}.lb-motion__story{grid-column:1 / -1;width:100%;max-width:min(100%,calc(84svh * 16 / 9));justify-self:center;border-top:.1rem solid var(--lb-border-soft);padding-top:1.4rem;font-size:1.5rem;color:var(--lb-text-secondary)}.lb-motion__story summary{cursor:pointer;font-weight:700;color:var(--lb-color-petrol-deep);width:fit-content;border-radius:.4rem}.lb-motion__story ol{margin:1.2rem 0 0;padding-left:2.2rem;display:grid;gap:.6rem;line-height:1.5}@media screen and (max-width:749px){.lb-motion__frame{border-radius:var(--lb-pg-radius, 1.6rem);aspect-ratio:var(--lb-motion-ratio-mobile, var(--lb-motion-ratio, 16 / 9))}.lb-motion__start{font-size:1.4rem;min-height:4.6rem;gap:.8rem;padding:0 1.8rem 0 .8rem}.lb-motion__start-icon{width:3rem;height:3rem}.lb-motion__start-icon svg{width:2.2rem;height:2.2rem}}@media(prefers-reduced-motion:reduce){.lb-motion__video,.lb-motion__start,.lb-motion__toggle,.lb-motion__overlay{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/loubell-product-motion.css.map */