.m-app-screens{color:rgb(var(--color-foreground));font-family:var(--font-stack-body);font-weight:var(--font-weight-body);font-style:var(--font-style-body);overflow:hidden}.m-app-screens__header{width:min(100%,var(--mascr-header-max, 40rem));margin:0 auto var(--mascr-header-spacing, 48px);text-align:var(--mascr-header-align, center)}.m-app-screens__header--left{margin-left:0;margin-right:auto}.m-app-screens__header--right{margin-left:auto;margin-right:0}.m-app-screens__subheading{margin:0 0 12px;color:rgb(var(--color-foreground-secondary, var(--color-foreground)))}.m-app-screens__heading{margin:0;overflow-wrap:break-word}.m-app-screens__heading p,.m-app-screens__heading div{margin:0;font:inherit;letter-spacing:inherit;color:inherit;line-height:inherit}.m-app-screens__description{margin:12px 0 0;color:rgb(var(--color-foreground-secondary, var(--color-foreground)))}.m-app-screens__description p{margin:0}.m-app-screens__description p+p{margin-top:.5em}.m-app-screens__carousel{position:relative;display:block}.m-app-screens__stage{position:relative;isolation:isolate}.m-app-screens--has-mockup .m-app-screens__stage{min-height:var(--mascr-mockup-h)}.m-app-screens__viewport{position:relative;z-index:1;overflow:hidden;padding:36px 0 48px;margin:-36px 0 -48px;cursor:grab}.m-app-screens__viewport:active{cursor:grabbing}.m-app-screens__track{align-items:center}.m-app-screens__slide{width:var(--mascr-slide-w, 220px);height:auto}.m-app-screens--has-mockup .m-app-screens__slide{height:var(--mascr-slide-h)}.m-app-screens__card{width:100%;height:100%;transform:scale(.86);opacity:.58;transform-origin:center center;transition:transform var(--m-duration-long, .65s) cubic-bezier(.22,1,.36,1),opacity var(--m-duration-long, .65s) ease}.m-app-screens__slide.is-active .m-app-screens__card,.m-app-screens__slide.swiper-slide-active .m-app-screens__card{transform:scale(1);opacity:1}.m-app-screens__slide.swiper-slide-prev .m-app-screens__card,.m-app-screens__slide.swiper-slide-next .m-app-screens__card{transform:scale(.9);opacity:.78}.m-app-screens__screen{width:100%;height:100%;overflow:hidden;border-radius:var(--mascr-radius, 24px);background:rgb(var(--color-background));box-shadow:var(--mascr-shadow);transition:box-shadow var(--m-duration-long, .65s) ease}.m-app-screens__slide.is-active .m-app-screens__screen,.m-app-screens__slide.swiper-slide-active .m-app-screens__screen{box-shadow:var(--mascr-shadow-active)}.m-app-screens--has-mockup .m-app-screens__slide.is-active .m-app-screens__screen,.m-app-screens--has-mockup .m-app-screens__slide.swiper-slide-active .m-app-screens__screen{box-shadow:none}.m-app-screens__image,.m-app-screens__placeholder{display:block;width:100%;height:auto;object-fit:var(--mascr-fit, cover);object-position:center top;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.m-app-screens--has-mockup .m-app-screens__card,.m-app-screens--has-mockup .m-app-screens__screen{height:100%}.m-app-screens--has-mockup .m-app-screens__image,.m-app-screens--has-mockup .m-app-screens__placeholder{width:100%;height:100%;min-width:100%;min-height:100%;object-fit:var(--mascr-fit, cover);object-position:center top;transform:scale(var(--mascr-image-zoom, 1.08));transform-origin:center center}.m-app-screens__placeholder{color:rgb(var(--color-foreground-secondary));opacity:.45;min-height:360px}.m-app-screens__mockup{position:absolute;top:50%;left:50%;z-index:6;width:var(--mascr-mockup-w);transform:translate(calc(-50% + var(--mascr-mockup-shift-x, 0px)),calc(-50% + var(--mascr-mockup-shift-y, 0px)));pointer-events:none}.m-app-screens__mockup-image{display:block;width:100%;height:auto}.m-app-screens__arrow{position:absolute;top:50%;z-index:8;display:none;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(var(--color-foreground),.14);border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:var(--mascr-shadow);transform:translateY(-50%);cursor:pointer;appearance:none;-webkit-appearance:none;font:inherit;transition:transform var(--m-duration-default, .25s) ease,opacity var(--m-duration-default, .25s) ease}.m-app-screens__arrow svg{display:block;width:18px;height:18px}.m-app-screens__arrow:hover:not(:disabled){transform:translateY(-50%) translateY(-1px)}.m-app-screens__arrow:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:3px}.m-app-screens__arrow:disabled,.m-app-screens__carousel.is-locked .m-app-screens__arrow{opacity:.35;cursor:default}.m-app-screens__arrow--prev{left:max(8px,calc(50% - var(--mascr-mockup-w) / 2 - 64px))}.m-app-screens__arrow--next{right:max(8px,calc(50% - var(--mascr-mockup-w) / 2 - 64px))}.m-app-screens__footer{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:20px}.m-app-screens__captions{position:relative;width:min(100%,28rem);min-height:1.5em;text-align:center}.m-app-screens__caption{margin:0;color:rgb(var(--color-foreground-secondary, var(--color-foreground)))}.m-app-screens__captions .m-app-screens__caption{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity var(--m-duration-default, .25s) ease,transform var(--m-duration-default, .25s) ease}.m-app-screens__captions .m-app-screens__caption.is-active{position:relative;opacity:1;transform:none;pointer-events:auto}.m-app-screens__dots{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.m-app-screens__dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(var(--color-foreground),.2);cursor:pointer;appearance:none;-webkit-appearance:none;transition:width var(--m-duration-default, .25s) ease,background-color var(--m-duration-default, .25s) ease}.m-app-screens__dot.is-active{width:22px;background:rgb(var(--color-button))}.m-app-screens__dot:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:3px}@media screen and (min-width:768px){.m-app-screens__arrow{display:grid;width:48px;height:48px}.m-app-screens__footer{margin-top:28px}}@media screen and (min-width:1024px){.m-app-screens__arrow--prev{left:max(12px,calc(50% - var(--mascr-mockup-w) / 2 - 76px))}.m-app-screens__arrow--next{right:max(12px,calc(50% - var(--mascr-mockup-w) / 2 - 76px))}}@media(prefers-reduced-motion:reduce){.m-app-screens__card,.m-app-screens__screen,.m-app-screens__arrow,.m-app-screens__dot,.m-app-screens__caption{transition:none}}[dir=rtl] .m-app-screens__arrow svg{transform:scaleX(-1)}
/*# sourceMappingURL=/cdn/shop/t/34/assets/app-screens.css.map */