.block-app-preview .app-preview__grid{display:grid;gap:20px;grid-template-columns:minmax(0,1fr);align-items:center}.block-app-preview .app-preview__content{display:flex;flex-direction:column;justify-content:center;order:2}.block-app-preview .app-preview__content>:first-child{margin-top:0}.block-app-preview .app-preview__content>:last-child{margin-bottom:0}.block-app-preview .app-preview__device-col{order:1;display:flex;justify-content:center;width:100%;min-width:0}@media (min-width: 992px){.block-app-preview.has-content .app-preview__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.block-app-preview.has-content .app-preview__content{order:1}.block-app-preview.has-content .app-preview__device-col,.block-app-preview.has-content.image-first .app-preview__content{order:2}.block-app-preview.has-content.image-first .app-preview__device-col{order:1}}.block-app-preview .device{display:block;width:100%;min-width:0;text-decoration:none;color:inherit}.block-app-preview a.device{transition:transform .3s ease,box-shadow .3s ease}.block-app-preview a.device:hover,.block-app-preview a.device:focus-visible{transform:translateY(-4px)}.block-app-preview .device__frame{position:relative;max-width:100%;background-color:#141c24;box-sizing:border-box;margin-inline:auto;box-shadow:0 8px 22px #00000080}.block-app-preview .device__screen{position:relative;overflow:hidden;background-color:#edf6fe}.block-app-preview .device__screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.block-app-preview .device--mobile{max-width:300px}.block-app-preview .device--mobile .device__frame{padding:12px;border-radius:40px}.block-app-preview .device--mobile .device__screen{aspect-ratio:9/19.5;border-radius:28px}.block-app-preview .device--mobile .device__notch{position:absolute;top:20px;left:50%;transform:translate(-50%);width:46%;height:22px;background-color:#141c24;border-radius:0 0 14px 14px;z-index:2}.block-app-preview .device--mobile .device__home{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:34%;height:4px;border-radius:4px;background-color:#ffffff8c;z-index:2}.block-app-preview .device--tablet{max-width:460px}.block-app-preview .device--tablet .device__frame{padding:18px;border-radius:28px}.block-app-preview .device--tablet .device__screen{aspect-ratio:3/4;border-radius:10px}.block-app-preview .device--tablet .device__camera{position:absolute;top:9px;left:50%;transform:translate(-50%);width:7px;height:7px;border-radius:100%;background-color:#3a4c5c;z-index:2}.block-app-preview .device--desktop{max-width:640px}.block-app-preview .device--desktop .device__frame{padding:0;border-radius:16px;overflow:hidden}.block-app-preview .device--desktop .device__bar{display:flex;align-items:center;gap:16px;height:40px;padding:0 16px;background-color:#141c24}.block-app-preview .device--desktop .device__dots{display:flex;gap:7px;flex-shrink:0}.block-app-preview .device--desktop .device__dots span{display:block;width:11px;height:11px;border-radius:100%;background-color:#3a4c5c}.block-app-preview .device--desktop .device__dots span:nth-child(1){background-color:#ff6f61}.block-app-preview .device--desktop .device__dots span:nth-child(2){background-color:#9ff3d1}.block-app-preview .device--desktop .device__dots span:nth-child(3){background-color:#3ddc97}.block-app-preview .device--desktop .device__url{flex:1;min-width:0;height:22px;line-height:22px;padding:0 16px;border-radius:4px;background-color:#243447;color:#ffffffb3;font-family:Noto Sans Variable,Noto Sans,sans-serif;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl;text-align:left}.block-app-preview .device--desktop .device__screen{aspect-ratio:16/10;border-radius:0}.block-app-preview .device--screen{max-width:640px}.block-app-preview .device--screen .device__frame{padding:0;border-radius:32px;overflow:hidden}.block-app-preview .device--screen .device__screen{aspect-ratio:16/10;border-radius:32px}.block-app-preview.has-content .app-preview__content{padding-bottom:32px}@media (min-width: 992px){.block-app-preview.has-content .app-preview__content{padding-bottom:0;padding-inline:32px}}
