.lx1app{--lx1app-x: var(--mo-block-gutter);--lx1app-bg: #1d1d1b;--lx1app-card: 320px;--lx1app-card-gap: 24px;--lx1app-pill: #393936;--lx1app-arrow: 48px;position:relative;width:100%;padding:104px 0;background:var(--lx1app-bg);color:#fff;overflow:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;row-gap:64px;text-align:start}.lx1app *,.lx1app *:before,.lx1app *:after{box-sizing:border-box}.lx1app__head{display:flex;flex-direction:column;row-gap:8px;padding-inline:var(--lx1app-x)}.lx1app .lx1app__h{margin:0;color:#fff;font-family:var(--mo-font-medium);font-size:48px;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}.lx1app .lx1app__sub{margin:0;color:#fffc;font-family:var(--mo-font-roman);font-weight:400;font-size:20px;line-height:1;letter-spacing:-.02em}.lx1app__slider{display:flex;flex-direction:column;row-gap:32px}.lx1app__track{display:flex;align-items:stretch;gap:var(--lx1app-card-gap);min-height:325px;margin:0;list-style:none;padding:0 calc(var(--lx1app-x) + var(--lx1app-card-gap)) 0 var(--lx1app-x);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline-start:var(--lx1app-x);scrollbar-width:none;-ms-overflow-style:none}.lx1app__track::-webkit-scrollbar{display:none}.lx1app__card{position:relative;flex:0 0 var(--lx1app-card);width:var(--lx1app-card);display:flex;flex-direction:column;align-items:flex-start;margin:0;padding:0;border-radius:8px;scroll-snap-align:start}.lx1app__card:before,.lx1app__card:after{content:"";position:absolute;z-index:0;border-radius:0 0 8px 8px;pointer-events:none}.lx1app__card:before{left:0;right:0;bottom:0;height:321px;background:linear-gradient(0deg,#ffffff26,#fff0)}.lx1app__card:after{left:1px;right:1px;bottom:1px;height:320px;background:linear-gradient(0deg,#2f2f2c,#1d1d1b)}.lx1app__media{position:relative;z-index:2;width:100%;max-width:180px;margin:0 0 0 24px}.lx1app__media .lx1app__img{display:block;width:100%;height:auto;max-width:100%}.lx1app__img--placeholder{aspect-ratio:540 / 1089;background:#393936;fill:#ffffff4d}.lx1app__body{position:relative;z-index:1;display:flex;flex-direction:column;row-gap:12px;width:100%;padding:38px 24px 24px}.lx1app .lx1app__title{margin:0;padding:0 0 12px;border-bottom:1px solid rgba(255,255,255,.2);color:#fff;font-family:var(--mo-font-medium);font-weight:400;font-size:24px;line-height:1.2;letter-spacing:-.01em}.lx1app .lx1app__text{margin:0;color:#fff;font-family:var(--mo-font-light);font-weight:400;font-size:18px;line-height:1.4;letter-spacing:-.01em}.lx1app__controls{display:flex;align-items:center;justify-content:space-between;column-gap:32px;padding-inline:var(--lx1app-x)}.lx1app__dots{display:flex;align-items:center;gap:var(--mo-dot-gap);height:var(--mo-dots-h);padding:0 var(--mo-dots-pad-x);border-radius:100px;background:var(--lx1app-pill);overflow:hidden}.lx1app__dots[hidden]{display:none}.lx1app__dot{-webkit-appearance:none;appearance:none;display:block;flex:none;width:var(--mo-dot);height:var(--mo-dot);margin:0;padding:0;border:0;border-radius:50px;background:var(--mo-dot-ink);cursor:pointer;transition:width .2s ease,background-color .2s ease}.lx1app__dot.is-active{width:var(--mo-dot-active-w);height:var(--mo-dot-active-h);background:var(--mo-teal)}.lx1app__arrows{display:flex;column-gap:19px}.lx1app__arrow{-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;width:var(--lx1app-arrow);height:var(--lx1app-arrow);padding:0;border:1px solid var(--mo-tabs-dot);border-radius:999px;background:transparent;color:#fff;cursor:pointer;transition:opacity 125ms ease-in-out}.lx1app__arrow svg{display:block;width:20px;height:20px}.lx1app__arrow:disabled{opacity:.35;cursor:default}.lx1app__dot:focus-visible,.lx1app__arrow:focus-visible{outline:2px solid var(--mo-teal);outline-offset:2px}@media(max-width:1024px){.lx1app{padding:70px 0 48px;row-gap:25px}}@media(max-width:768px){.lx1app{--lx1app-card: 280px}.lx1app .lx1app__sub{font-size:18px}.lx1app__slider{row-gap:16px}.lx1app__media{margin-left:16px}.lx1app__body{padding:31px 16px 24px}.lx1app .lx1app__text{font-size:14px}}@media(max-width:575px){.lx1app{--lx1app-arrow: 40px;row-gap:32px}.lx1app .lx1app__h{font-size:32px}.lx1app .lx1app__sub{line-height:1.4}}@media(prefers-reduced-motion:reduce){.lx1app__dot,.lx1app__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/lx1-companion-app.css.map */