.ex-app__root{display:block}.ex-app__stage{position:relative;display:grid;gap:28px}.ex-app__items{position:relative;display:grid;margin:0}.is-hidden-in-editor{outline:1px dashed var(--line-2);outline-offset:4px}.ex-app__phone,.ex-app__card-media .ex-media{--ex-media-radius: 34px}.ex-app__phone{display:block;width:100%;border-radius:34px;background:var(--ink);padding:calc(var(--app-frame, 1) * 8px);box-shadow:0 30px 60px -30px #00000073,0 0 0 1px #ffffff0d inset;text-align:left}.ex-app__phone .ex-media{border-radius:28px;background:#111}.ex-app__root--fan .ex-app__items{height:calc(var(--app-phone-w) * 2.05 + 24px);overflow:visible;touch-action:pan-y;-webkit-user-select:none;user-select:none}.ex-app__root--fan .ex-app__item{position:absolute;left:50%;top:0;width:var(--app-phone-w);margin-left:calc(var(--app-phone-w) / -2);transform:translate(var(--tx, 0)) scale(var(--sc, 1));opacity:var(--op, 1);z-index:var(--z, 1);transition:transform var(--app-dur) var(--ease),opacity var(--app-dur) var(--ease),filter var(--app-dur) var(--ease);filter:brightness(var(--br, 1))}.ex-app__root--fan[data-transition=fade] .ex-app__item{transition:opacity var(--app-dur) var(--ease),filter var(--app-dur) var(--ease)}.ex-app__root--fan .ex-app__item.is-on{z-index:10}.ex-app__root--fan .ex-app__item .ex-app__phone{cursor:pointer}.ex-app__root--fan .ex-app__item.is-on .ex-app__phone{cursor:default}.ex-app__caps{position:relative;display:grid;min-height:96px;text-align:center;max-width:560px;margin-inline:auto}.ex-app__cap{grid-area:1 / 1;display:grid;gap:6px;justify-items:center;opacity:0;transform:translateY(8px);transition:opacity .4s var(--ease),transform .4s var(--ease);pointer-events:none}.ex-app__cap.is-on{opacity:1;transform:none;pointer-events:auto}.ex-app__cap b{font-size:var(--t-h3);font-weight:400;letter-spacing:-.01em}.ex-app__cap span{color:var(--fg-2);max-width:48ch}.ex-app__arrow{position:absolute;top:calc(var(--app-phone-w) * 1.02);z-index:20;transform:translateY(-50%)}.ex-app__arrow--prev{left:0}.ex-app__arrow--next{right:0}.ex-app__dots{justify-self:center}@media(max-width:640px){.ex-app__root--fan .ex-app{--app-phone-w: min(var(--app-phone-w), 58vw)}.ex-app__arrow{display:none}}.ex-app__root--rail .ex-app__items{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding-bottom:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ex-app__root--rail .ex-app__items::-webkit-scrollbar{display:none}.ex-app__root--rail .ex-app__item{flex:0 0 min(86vw,340px);scroll-snap-align:start}@media(min-width:900px){.ex-app__root--rail .ex-app__item{flex-basis:calc((100% - 40px) / 3)}}.ex-app__root--rail .ex-app__arrow{top:calc(var(--app-card-h) / 2)}.ex-app__root--rail .ex-app__arrow--prev{left:-22px}.ex-app__root--rail .ex-app__arrow--next{right:-22px}@media(max-width:1100px){.ex-app__root--rail .ex-app__arrow{display:none}}.ex-app__root--grid .ex-app__items{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px}.ex-app__card{display:grid;height:100%;border-radius:var(--radius);overflow:hidden;background:var(--card);border:1px solid var(--line)}.ex-app__card-media{position:relative;display:grid;place-items:end center;height:var(--app-card-h, 460px);padding:32px 32px 0;background:radial-gradient(120% 90% at 50% 0%,var(--g1),var(--g2))}.ex-app__card-media .ex-media{width:min(62%,220px);border-radius:28px 28px 0 0;box-shadow:0 -10px 40px -10px #0006}.ex-app__card-body{display:grid;gap:8px;padding:20px 22px 24px;align-content:start}.ex-app__card-h{font-size:var(--t-h3);font-weight:400}.ex-app__card-p{color:var(--fg-2);font-size:var(--t-sm);line-height:1.5}.ex-app__card-body .btn{justify-self:start;margin-top:4px}@media(prefers-reduced-motion:reduce){.ex-app__item,.ex-app__cap{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/eyvax-app.css.map */